/* Lauro Santos — Design System · variáveis geradas de project/tokens.json (rev. 07/11/2026) */

:root, [data-theme="noite"] {
  --bg: #050505;
  --bg-deep: #000000;
  --surface: rgba(255,255,255,0.07);
  --surface-raised: #0d0d0d;
  --surface-strong: #171717;
  --surface-on: #262626;
  --line: #333333;
  --line-soft: rgba(255,255,255,0.12);
  --line-control: #6b6b6b;
  --grid-line: rgba(255,255,255,0.045);
  --ink: #f6f1e8;
  --ink-soft: #d4d4d4;
  --muted: #a3a3a3;
  --subtle: #808080;
  --gold: #c9a46a;
  --gold-light: #f4d598;
  --gold-soft: rgba(201,164,106,0.14);
  --bronze: #7c5c2e;
  --ember: #ff5a1f;
  --ember-light: #ff7a2f;
  --peach: #ffd3ba;
  --red-deep: #7f1d0d;
  --wine: #5a130a;
  --btn-bg: var(--ink);
  --btn-ink: var(--bg);
  --on-gold: #050505;
  --focus: var(--gold);
  --glass-edge: rgba(201,164,106,0.22);
  --label-ink: #f6f1e8;
  --label-bg: rgba(5,5,5,0.62);
  --on-gradient: #050505;
  --selection-bg: var(--gold);
  --selection-ink: var(--on-gold);
  --scrollbar-thumb: #333333;
  --scene-fog: var(--bg);
  --scene-plate: var(--bronze);
  --scene-plate-hi: var(--gold-light);
  --scene-key: var(--gold);
  --scene-rim: var(--ember-light);
  --scene-node: var(--ink);
  --shadow-glass: 0 1px 0 rgba(201,164,106,0.22) inset, 0 20px 45px rgba(0,0,0,0.55);
  --shadow-featured: 0 1px 0 rgba(244,213,152,0.12) inset, 0 26px 55px rgba(201,164,106,0.12);
  --shadow-nav: 0 1px 0 rgba(255,255,255,0.06) inset, 0 10px 30px rgba(0,0,0,0.5);
  --shadow-shot: -14px -14px 34px rgba(0,0,0,0.35);
}
[data-theme="papel"] {
  --bg: #f4efe5;
  --bg-deep: #ebe4d6;
  --surface: rgba(255,255,255,0.6);
  --surface-raised: #fbf8f2;
  --surface-strong: #e8e0d0;
  --surface-on: #ffffff;
  --line: #d8cebc;
  --line-soft: rgba(5,5,5,0.08);
  --line-control: #8c7f69;
  --grid-line: rgba(5,5,5,0.05);
  --ink: #0b0a08;
  --ink-soft: #3a342b;
  --muted: #5c5447;
  --subtle: #6b6252;
  --gold: #7c5c2e;
  --gold-light: #f4d598;
  --gold-soft: rgba(124,92,46,0.12);
  --bronze: #7c5c2e;
  --ember: #b8400f;
  --ember-light: #ff7a2f;
  --peach: #ffd3ba;
  --red-deep: #7f1d0d;
  --wine: #5a130a;
  --btn-bg: var(--ink);
  --btn-ink: var(--bg);
  --on-gold: #f6f1e8;
  --focus: var(--gold);
  --glass-edge: rgba(124,92,46,0.2);
  --label-ink: #f6f1e8;
  --label-bg: rgba(5,5,5,0.62);
  --on-gradient: #050505;
  --selection-bg: var(--gold);
  --selection-ink: var(--on-gold);
  --scrollbar-thumb: #c9bfae;
  --scene-fog: var(--bg);
  --scene-plate: var(--bronze);
  --scene-plate-hi: var(--gold-light);
  --scene-key: var(--gold);
  --scene-rim: var(--ember-light);
  --scene-node: var(--ink);
  --shadow-glass: 0 1px 0 rgba(255,255,255,0.8) inset, 0 20px 45px rgba(60,40,10,0.06);
  --shadow-featured: 0 1px 0 rgba(255,255,255,0.9) inset, 0 26px 55px rgba(124,92,46,0.14);
  --shadow-nav: 0 1px 0 rgba(255,255,255,0.65) inset, 0 10px 30px rgba(40,30,10,0.06);
  --shadow-shot: -14px -14px 34px rgba(0,0,0,0.35);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 14px;
  --space-4: 20px;
  --space-5: 26px;
  --space-6: 30px;
  --space-7: 40px;
  --space-8: 52px;
  --space-9: 62px;
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 22px;
  --radius-xl: 26px;
  --radius-full: 999px;
  --grad-brasa: linear-gradient(140deg, #7f1d0d, #ff5a1f 52%, #ffd3ba);
  --grad-ouro: linear-gradient(140deg, #7c5c2e, #f4d598 58%, #ffffff);
  --grad-vinho: linear-gradient(140deg, #5a130a, #7f1d0d 55%, #c9a46a);
  --grad-noite: linear-gradient(140deg, #171717, #7c5c2e);
  --grad-papel: linear-gradient(140deg, #f4efe5, #c9a46a);
  --grad-fundo: linear-gradient(180deg, #050505 0%, #030303 72%, #000000 100%);
  --wrap-max: 1260px;
  --wrap-inset: 72px;
  --nav-height: 66px;
  --section-pad-top: 17vh;
  --section-pad-bottom: 11vh;
  --section-head-gap: 9.5vh;
  --grid-pitch: 88px;
  --depth-bg: 0;
  --depth-grid: 0.15;
  --depth-scene: 0.35;
  --depth-content: 1;
  --scene-plates: 96;
  --scene-dpr-max: 1.5;
  --scene-min-width: 1024px;
  --font-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;
}