/* ============================================================
   RAYHEN A{I}CADEMY · academy.rayhen.art
   tokens.css — fonts, palette & design tokens for the sub-site.
   ------------------------------------------------------------
   Two typefaces only: Cormorant Garamond (serif display)
   + Noto Sans (sans — replaces Work Sans on this sub-site).
   Three colours only: Ink, Paper, Copper.
   Fonts are self-hosted (GDPR-clean, no external requests).
   ============================================================ */

/* ── Cormorant Garamond (serif display) ── */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-300.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-300italic.woff2') format('woff2');
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-500italic.woff2') format('woff2');
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ── Noto Sans (sans — the working font of this sub-site) ── */
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/noto-sans-300.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/noto-sans-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/noto-sans-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/noto-sans-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/noto-sans-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/noto-sans-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* ── Core palette — three colours, no more ── */
  --ink:          #1A1714;
  --paper:        #F5F2EE;
  --copper:       #B26D40;
  --copper-light: #D9B197;

  /* Dark-surface neutrals */
  --ink-deep:     #141210;

  /* Tints & hairlines on paper */
  --ink-90:       rgba(26, 23, 20, 0.90);
  --ink-soft:     rgba(26, 23, 20, 0.55);
  --ink-muted:    rgba(26, 23, 20, 0.38);
  --hairline:     rgba(26, 23, 20, 0.18);
  --hairline-faint: rgba(26, 23, 20, 0.07);
  --surface-veil: rgba(255, 255, 255, 0.45);
  --surface-veil-soft: rgba(255, 255, 255, 0.30);

  /* Paper on ink */
  --paper-90:    rgba(245, 242, 238, 0.92);
  --paper-soft:  rgba(245, 242, 238, 0.72);
  --paper-muted: rgba(245, 242, 238, 0.50);
  --paper-faint: rgba(245, 242, 238, 0.20);
  --hairline-dk: rgba(245, 242, 238, 0.15);

  /* Copper tints */
  --copper-line: rgba(217, 177, 151, 0.50);
  --copper-glow: rgba(217, 177, 151, 0.08);

  /* ── Type families — Noto Sans replaces Work Sans here ── */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:  'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Tracking ── */
  --track-tight: -0.015em;
  --track-snug:   0.02em;
  --track-hero:   0.06em;
  --track-loose:  0.14em;
  --track-label:  0.20em;

  /* ── Shape & depth ── */
  --radius-card:  12px;
  --radius-lg:    16px;
  --radius-pill:  50px;
  --radius-photo: 10px;

  --shadow-video: 0 20px 60px rgba(26, 23, 20, 0.18);
  --shadow-card:  0 1px 2px rgba(26, 23, 20, 0.04), 0 12px 34px rgba(26, 23, 20, 0.06);
  --shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.25);

  /* ── Motion ── */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  220ms;

  /* ── Layout ── */
  --measure: 900px;
}