/* ============================================================
   ALL EARS — design tokens
   Brand palette + type + rhythm. One accent (brick), locked.
   ============================================================ */

/* ---- Fonts (self-hosted) ---- */
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/PlayfairDisplay-Variable.ttf") format("truetype");
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: "Silk Serif";
  src: url("../fonts/silk-serif-font-family/SilkSerif-TRIAL-SemiBold-BF6740066dc0446.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Silk Serif";
  src: url("../fonts/silk-serif-font-family/SilkSerif-TRIAL-SemiBoldItalic-BF6740066dcfd29.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Special Elite";
  src: url("../fonts/SpecialElite-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
/* Stand-in for the brand's ASC Script — swap the real file in here later */
@font-face {
  font-family: "Hand";
  src: url("../assets/fonts/nycd.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
/* Devanagari display — Indian pop-retro accents (सुनो / संगीत) */
@font-face {
  font-family: "Mukta";
  src: url("../assets/fonts/mukta-800.woff2") format("woff2");
  font-weight: 800; font-display: swap;
  unicode-range: U+0900-097F, U+1CD0-1CFF, U+200C-200D, U+20B9;
}
@font-face {
  font-family: "Mukta";
  src: url("../assets/fonts/mukta-500.woff2") format("woff2");
  font-weight: 500; font-display: swap;
  unicode-range: U+0900-097F, U+1CD0-1CFF, U+200C-200D, U+20B9;
}
/* Devanagari-souled Latin display (the "haseen" voice) — one accent, used sparingly */
@font-face {
  font-family: "Yatra";
  src: url("../assets/fonts/yatra-one.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}
/* Body voice — RX100 (Indian Type Foundry): the deck's actual body font */
@font-face {
  font-family: "RX100";
  src: url("../assets/fonts/rx100.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("../assets/fonts/plex-mono-400.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("../assets/fonts/plex-mono-500.woff2") format("woff2");
  font-weight: 500; font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("../assets/fonts/plex-mono-600.woff2") format("woff2");
  font-weight: 600; font-display: swap;
}

:root {
  /* ---- Brand palette (from the guide) ---- */
  --paper:    #FFF4E0; /* warm cream — the page */
  --sand:     #CABA99; /* muted tan */
  --espresso: #453424; /* deep warm brown — body ink on cream */
  --brick:    #712A17; /* signature accent, locked */
  --ink:      #0D181E; /* near-black — the dark room */

  /* ---- Derived warm tints ---- */
  --paper-2:   #F6E8CF; /* slightly deeper cream for panels */
  --brick-deep:#5A2012;
  --brick-lift:#8A3A24;
  --sand-soft: #DCD0B4;
  --line:      rgba(69, 52, 36, 0.22);   /* hairline on cream */
  --line-warm: rgba(255, 244, 224, 0.20);/* hairline on dark/brick */

  /* ---- Semantic (light/warm ground — the default theme) ---- */
  --bg:        var(--paper);
  --fg:        var(--espresso);
  --fg-soft:   rgba(69, 52, 36, 0.66);
  --accent:    var(--brick);

  /* ---- Type families ---- */
  --serif:  "Silk Serif", Georgia, "Times New Roman", serif;
  --mono:   "RX100", "Plex Mono", "Courier New", monospace;           /* body + eyebrows (RX100, ITF) */
  --stamp:  "Special Elite", "Courier New", monospace;                /* stamped / ticket accents */
  --deva:   "Mukta", system-ui, sans-serif;                           /* Devanagari display */
  --hand:   "Hand", "Segoe Script", cursive;                          /* ASC Script stand-in */
  --sans:   "Archivo", system-ui, -apple-system, sans-serif;          /* utility only */

  /* ---- Fluid type scale ---- */
  --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.9rem);
  --step-0:  clamp(1rem, 0.95rem + 0.28vw, 1.15rem);
  --step-1:  clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --step-2:  clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  --step-3:  clamp(2.4rem, 1.8rem + 3vw, 4.2rem);
  --step-4:  clamp(3.4rem, 2.2rem + 6vw, 7rem);
  --step-5:  clamp(4.2rem, 2rem + 11vw, 12rem);

  /* ---- Spacing rhythm (airy, density 3) ---- */
  --space-section: clamp(6rem, 4rem + 10vw, 12rem);
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);
  --measure: 62ch;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Layering ---- */
  --z-nav: 40;
  --z-cursor: 90;
  --z-grain: 95;

  /* ---- Warm shadow (tinted, never pure black) ---- */
  --shadow: 0 24px 60px -28px rgba(45, 24, 12, 0.55);
}