/* ─────────────────────────────────────────────────────────────────────────
   restorno-ui v3 · tokens.css — the single source of truth for every Restorno
   surface. Served from https://id.restorno.com/ui/v3/tokens.css.

   v3 palette = the "soft workshop" Material-3 theme taken verbatim from
   restorno.store/app.html (Yona's approved reference, 2026-07-28):
   warm cream ground, deep-brown primary, peach surface tints, Assistant sans.
   Token NAMES are unchanged from v2 so existing shell/components keep working.
   ───────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=Heebo:wght@400;500;600;700&family=Frank+Ruhl+Libre:wght@500;700&display=swap');

:root {
  /* raw brand */
  --r-espresso:   #28180d;
  --r-brown:      #553719;   /* primary — the deep restoration brown */
  --r-brown-2:    #6f4e2e;   /* primary-container */
  --r-gold:       #efc199;   /* soft amber highlight (on-primary-container) */
  --r-gold-soft:  #ebbe96;   /* inverse-primary */
  --r-peach:      #fecf9d;   /* secondary-container */

  /* semantic — soft light workshop (default & only surface in v3) */
  --r-bg:        #fff8f5;   /* page ground / surface           */
  --r-bg-2:      #fff1ea;   /* surface-container-low           */
  --r-surface:   #ffffff;   /* cards (surface-container-lowest) */
  --r-surface-2: #ffeade;   /* surface-container / hover        */
  --r-surface-3: #ffe3d2;   /* surface-container-high           */
  --r-surface-v: #fbddca;   /* surface-variant / chips          */
  --r-surface-dim:#f2d4c2;
  --r-ink:       #28180d;   /* on-surface                       */
  --r-ink-soft:  #4f453c;   /* on-surface-variant               */
  --r-muted:     #81756b;   /* outline                          */
  --r-line:      #d3c4b8;   /* outline-variant                  */
  --r-line-strong:#81756b;

  --r-accent:      var(--r-brown);   /* primary action colour */
  --r-accent-2:    var(--r-brown-2);
  --r-accent-soft: rgba(85, 55, 25, .10);
  --r-on-accent:   #ffffff;

  --r-secondary:   #7a582f;
  --r-secondary-container: #fecf9d;
  --r-on-secondary-container: #79562e;

  /* status */
  --r-danger:   #ba1a1a;
  --r-danger-soft: rgba(186, 26, 26, .10);
  --r-ok:       #2e7d5b;
  --r-ok-soft:  rgba(46, 125, 91, .12);
  --r-warn:     #a05c24;

  /* v1/v2 aliases (keep existing markup working) */
  --r-cream:    var(--r-bg);
  --r-cream-2:  var(--r-bg-2);
  --r-espresso-2:#3b2a1c;
  --r-parchment:#fbddca;
  --r-on-accent-ink: #ffffff;

  /* scale — Material-3 rounded */
  --r-radius-sm: 10px;
  --r-radius:    14px;
  --r-radius-lg: 20px;
  --r-radius-xl: 28px;
  --r-radius-pill: 999px;

  --r-space-1:4px; --r-space-2:8px; --r-space-3:12px; --r-space-4:16px;
  --r-space-5:24px; --r-space-6:32px; --r-space-7:48px;

  --r-shadow:    0 6px 24px rgba(85, 55, 25, .12);
  --r-shadow-lg: 0 18px 50px rgba(85, 55, 25, .18);
  --r-focus:     0 0 0 2px var(--r-bg), 0 0 0 4px var(--r-accent);

  --r-rail: 300px;
  --r-rail-collapsed: 66px;
  --r-header: 62px;

  /* type — Assistant sans (app.html), Frank Ruhl serif for display */
  --r-sans:  "Assistant", "Heebo", "Rubik", -apple-system, "Segoe UI", sans-serif;
  --r-serif: "Frank Ruhl Libre", "David Libre", "Noto Serif Hebrew", Georgia, serif;
  --r-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --r-text-xs:12px; --r-text-sm:13.5px; --r-text-md:15px; --r-text-lg:18px;
  --r-h3: clamp(1.15rem, 1rem + .6vw, 1.4rem);
  --r-h2: clamp(1.5rem, 1.2rem + 1.3vw, 2.1rem);
  --r-h1: clamp(2rem, 1.4rem + 3vw, 3.2rem);
}