/* css/tokens.css — The Bangalore Wedding House
 *
 * Light, airy, warm — by founder instruction there is no dark band and no
 * dark mode anywhere on this site. The ground is a warm silk-mark ivory; the
 * ink is warm graphite; arakku — the deep Mysore-silk crimson a Kannadiga
 * bride is most likely wearing — survives only as the accent: rules, ticks,
 * buttons, links. Deliberately no teal (the parent studio's) and no gold
 * (both sisters use it).
 *
 * Type inverts both sister sites: the display face is a grotesque (Archivo,
 * set tight), body text is a text serif (Newsreader), and every number the
 * site publishes — rates, capacities, room counts — is set in a mono
 * (Spline Sans Mono). The mono is the brand: this is the venue book that
 * prints its figures.
 */

:root {
  /* ---- ink & ground ---- */
  --ink:        #211a17;   /* warm graphite */
  --ink-2:      #453a34;
  --granite:    #71645a;   /* secondary text — comfortably AA on paper */
  --paper:      #fbf7f0;   /* warm silk-mark ivory */
  --wash:       #f3ecdf;   /* sand band / card ground */
  --wash-deep:  #ece2d0;   /* a step further, for mats behind photos */

  /* ---- silk ---- */
  --arakku:      #7e2138;  /* Mysore-silk crimson — 8:1 on paper */
  --arakku-deep: #5a1626;
  --rose-tint:   #f2e3e6;  /* arakku diluted to a wash, for chips */

  /* ---- semantic ---- */
  --bg:          var(--paper);
  --fg:          var(--ink);
  --muted:       var(--granite);
  --rule:        #e6dccb;
  --rule-strong: #c6b79f;
  --accent:      var(--arakku);

  /* ---- type ---- */
  --font-display: 'Archivo', -apple-system, 'Helvetica Neue', sans-serif;
  --font-body:    'Newsreader', Georgia, 'Times New Roman', serif;
  --font-data:    'Spline Sans Mono', 'SF Mono', Menlo, monospace;

  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1.0625rem;                                    /* serif body runs small; compensate */
  --t-md:   clamp(1.1rem,  1.02rem + 0.4vw, 1.28rem);
  --t-lg:   clamp(1.3rem,  1.18rem + 0.6vw, 1.65rem);
  --t-xl:   clamp(1.6rem,  1.35rem + 1.2vw, 2.3rem);
  --t-2xl:  clamp(2rem,    1.5rem  + 2.4vw, 3.4rem);
  --t-3xl:  clamp(2.4rem,  1.55rem + 4vw,   4.6rem);

  --lh-tight: 1.04;
  --lh-head:  1.16;
  --lh-body:  1.58;

  --track-caps: 0.13em;    /* eyebrows, small caps labels */
  --track-head: -0.022em;  /* Archivo set tight at display sizes */

  /* ---- space ---- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  --wrap: 1200px;
  --wrap-narrow: 720px;

  --radius: 2px;   /* squared. Granite city, not app UI. */

  --shadow-sm: 0 1px 2px rgba(33, 26, 23, 0.05);
  --shadow:    0 2px 16px rgba(33, 26, 23, 0.08);

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* No dark mode. The founder's brief is a light site in every context, so a
   dark-preference reader gets the same warm paper rather than a night theme. */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}