/* ─────────────────────────────────────────────────────────────────────────
   Restorno — canonical design tokens (LOCAL source of truth / fallback)

   Why this file exists:
   account/cases/dashboard/upload pull their `--r-*` tokens from the REMOTE
   sheet https://id.restorno.com/ui/v3/tokens.css. If that host is slow or
   unreachable, those pages render with NO palette. This local file defines the
   same `--r-*` tokens so the pages stay styled offline.

   Cascade contract: link THIS file BEFORE the remote v3 sheet on each page.
   When the remote loads it overrides these values (production fidelity is
   unchanged); when it fails, these values apply.

   Values: colours/type/radius taken from the authoritative block in
   public/login.html (the hardcoded `:root`). Tokens the remote defines but
   login.html does not (e.g. --r-accent-2, --r-surface-2) are reconstructed
   from the same palette and marked below; refine them if the remote's exact
   values are ever published. See DESIGN_SYSTEM.md.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Surfaces & background ── */
  --r-bg:         #FAF8F4;
  --r-bg-2:       #F0EBE0;
  --r-surface:    #FFFFFF;
  --r-surface-2:  #F7F3EC;   /* reconstructed: between bg and surface */
  --r-surface-3:  #F0EBE0;   /* reconstructed */
  --r-surface-v:  #F0EBE0;

  /* ── Ink / text ── */
  --r-ink:        #1A1815;
  --r-ink-soft:   #4A443C;   /* reconstructed: softened ink */
  --r-muted:      #6B6257;
  --r-secondary:  #6B6257;   /* reconstructed: secondary text */

  /* ── Accent (brass) ── */
  --r-accent:      #8A6D3B;
  --r-accent-2:    #6E5730;  /* reconstructed: darker accent */
  --r-accent-soft: #EFE7D8;  /* reconstructed: soft brass tint */
  --r-gold:        #8A6D3B;
  --r-on-accent:   #FFFFFF;

  /* ── Lines ── */
  --r-line:        #E8E2D6;
  --r-line-strong: #D8D0C0;

  /* ── Semantic ── */
  --r-danger:      #B04A3A;
  --r-danger-soft: #F7E8E4;
  --r-ok:          #4C6B43;
  --r-ok-soft:     #ECF1E9;
  --r-warn:        #8A6A1E;

  /* ── Typography ── */
  --r-serif: 'Cormorant Garamond', Georgia, serif;
  --r-sans:  'Heebo', system-ui, sans-serif;
  --r-h1:      2.25rem;
  --r-h2:      1.5rem;
  --r-h3:      1.125rem;
  --r-text-md: 1rem;
  --r-text-sm: 0.875rem;
  --r-text-xs: 0.75rem;

  /* ── Radius ── */
  --r-radius-sm:   6px;
  --r-radius:      8px;
  --r-radius-lg:   12px;
  --r-radius-pill: 999px;

  /* ── Shadow (subtle only) ── */
  --r-shadow:    0 8px 24px rgba(26, 24, 21, .08);
  --r-shadow-lg: 0 12px 40px rgba(26, 24, 21, .16);
}