/* ==========================================================================
   LUME — design tokens.  TK-001 .. TK-010
   This is the ONLY file in the project permitted to contain hex literals.
   ========================================================================== */

@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/Fraunces-latin.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../assets/fonts/Archivo-latin.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
}

:root {
  /* ---- TK-001  Colour -----------------------------------------------------
     The azulejo panel behind the bar at Rua de São Paulo 122 — salvaged
     cobalt, c.1880. It is the only accent in this product. There is no
     second accent and no success/warning/info palette.                      */
  --accent:      #14428A;
  --ink:         #231C18;   /* warm near-black. R exceeds B by 11.           */
  --paper:       #FBF7F0;   /* warm off-white. R exceeds B by 11.            */
  --ink-muted:   #6B6058;   /* ink at ~60% over paper                        */
  --hairline:    #E3DBD0;   /* ink at ~12% over paper                        */

  /* Used on no more than three screens, never as a fill. */
  --ink-alarm:   #8A2414;

  /* Scrims are always ink, never black. */
  --scrim:       rgba(35, 28, 24, 0.62);
  --scrim-soft:  rgba(35, 28, 24, 0.16);
  --wash:        rgba(35, 28, 24, 0.04);

  /* ---- TK-002  Type ------------------------------------------------------ */
  --font-display: 'Fraunces', Georgia, serif;
  --font-text:    'Archivo', 'Helvetica Neue', sans-serif;

  /* Must EXCEED 2.5rem at 375px — a 9vw floor lands exactly on it. */
  --t-display: clamp(2.75rem, 11vw, 4.5rem);
  --t-title:   clamp(1.5rem, 5vw, 2.125rem);
  --t-sub:     1.25rem;
  --t-body:    1.0625rem;
  --t-small:   0.9375rem;
  --t-label:   0.75rem;

  --lh-display: 1.05;
  --lh-title:   1.15;
  --lh-body:    1.5;

  --tr-display: -0.02em;
  --tr-title:   -0.01em;
  --tr-body:    0;
  --tr-label:   0.1em;

  --w-regular: 400;
  --w-bold:    620;

  /* ---- TK-003  Space, measure, rhythm ------------------------------------ */
  --gutter:  22px;
  --section: clamp(4rem, 12vh, 9rem);
  --radius:  0;
  --measure: 64ch;
  --app-max: 430px;
  --frame:   6px;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 22px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* ---- TK-006  Motion ---------------------------------------------------- */
  --ease-out:   cubic-bezier(0.19, 1, 0.22, 1);
  --ease-inout: cubic-bezier(0.77, 0, 0.175, 1);
  --d-enter: 720ms;
  --d-state: 240ms;
  --d-route: 400ms;

  /* ---- Chrome ------------------------------------------------------------ */
  --tabbar-h:   58px;
  --topbar-h:   52px;
  --actionbar-h: 62px;
  --tap:        48px;
  --tap-primary: 56px;

  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

/* One committed palette. No dark-mode toggle, no prefers-color-scheme
   inversion. The body background is explicit, never inherited. */