:root {
  
  --c-ground: #F7F6F3;  --c-surface: #FFFFFF;  --c-surface-2: #F0EEE8;  --c-surface-3: #E6E3DA;
  --c-ink: #16130D;     --c-ink-2: #4D4739;    --c-muted: #6B6455;
  --c-rule: #DCD8CC;    --c-rule-soft: #EAE7DE; --c-rule-strong: #7D7666;
  --c-accent: #1F3A63;  --c-accent-ink: #FFFFFF;   
  --c-metal: #C9A227;   --c-metal-claro: #E3C766; --c-metal-fundo: #F1E7C9;  
  --c-terra: #8F4A2B;   

  
  --e-ground: #0D1220;  --e-surface: #141A2A;  --e-surface-2: #1A2134;  --e-surface-3: #232B40;  
  --e-ink: #F4F2EC;     --e-ink-2: #BAC1D2;    --e-muted: #8F97AB;
  --e-rule: #2A3248;    --e-rule-soft: #1B2132; --e-rule-strong: #6B7590;
  --e-accent: #A9C1EA;  --e-accent-ink: #0E1A2E;
  --e-metal: #D9B65F;   --e-metal-claro: #F0DCA0; --e-metal-fundo: #2A2312;
  --e-terra: #E2A27E;

  
  
  --f-display: "Instrument Serif", Georgia, "Times New Roman",
               "Songti SC", "STSong", "Noto Serif SC", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;
  --f-body:    "Schibsted Grotesk", -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --f-mono:    ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;

  --pad:   clamp(1rem, 5vw, 3.25rem);
  --page:  min(1180px, 100% - var(--pad) * 2);
  --texto: 40rem;   
  --r:     4px;
  --toque: 48px;
  --dur:   160ms;
}

:root {
  color-scheme: light;
  --ground: var(--c-ground); --surface: var(--c-surface); --surface-2: var(--c-surface-2); --surface-3: var(--c-surface-3);
  --ink: var(--c-ink); --ink-2: var(--c-ink-2); --muted: var(--c-muted);
  --rule: var(--c-rule); --rule-soft: var(--c-rule-soft); --rule-strong: var(--c-rule-strong);
  --accent: var(--c-accent); --accent-ink: var(--c-accent-ink);
  --wash: color-mix(in srgb, var(--accent) 8%, transparent);
  
  --ouro: var(--c-metal); --ouro-claro: var(--c-metal-claro); --ouro-fundo: var(--c-metal-fundo);
  --onda: var(--c-accent); --onda-fim: var(--c-metal); --humano: var(--c-terra);
  --stop: #8C2F2F; --stop-ink: #FFFFFF; --stop-wash: rgba(140, 47, 47, .09);
  --shadow:    0 1px 2px rgba(22,19,13,.05), 0 10px 32px rgba(22,19,13,.07);
  --shadow-lg: 0 2px 6px rgba(22,19,13,.07), 0 24px 64px rgba(22,19,13,.11);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: var(--e-ground); --surface: var(--e-surface); --surface-2: var(--e-surface-2); --surface-3: var(--e-surface-3);
    --ink: var(--e-ink); --ink-2: var(--e-ink-2); --muted: var(--e-muted);
    --rule: var(--e-rule); --rule-soft: var(--e-rule-soft); --rule-strong: var(--e-rule-strong);
    --accent: var(--e-accent); --accent-ink: var(--e-accent-ink);
    --wash: color-mix(in srgb, var(--accent) 12%, transparent);
    --ouro: var(--e-metal); --ouro-claro: var(--e-metal-claro); --ouro-fundo: var(--e-metal-fundo);
    --onda: var(--e-accent); --onda-fim: var(--e-metal); --humano: var(--e-terra);
    --stop: #E08585; --stop-ink: #230B0B; --stop-wash: rgba(224, 133, 133, .12);
    --shadow:    0 1px 2px rgba(0,0,0,.5), 0 10px 32px rgba(0,0,0,.5);
    --shadow-lg: 0 2px 6px rgba(0,0,0,.55), 0 24px 64px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: var(--e-ground); --surface: var(--e-surface); --surface-2: var(--e-surface-2); --surface-3: var(--e-surface-3);
  --ink: var(--e-ink); --ink-2: var(--e-ink-2); --muted: var(--e-muted);
  --rule: var(--e-rule); --rule-soft: var(--e-rule-soft); --rule-strong: var(--e-rule-strong);
  --accent: var(--e-accent); --accent-ink: var(--e-accent-ink);
  --wash: color-mix(in srgb, var(--accent) 12%, transparent);
  --ouro: var(--e-metal); --ouro-claro: var(--e-metal-claro); --ouro-fundo: var(--e-metal-fundo);
    --onda: var(--e-accent); --onda-fim: var(--e-metal); --humano: var(--e-terra);
  --stop: #E08585; --stop-ink: #230B0B; --stop-wash: rgba(224, 133, 133, .12);
  --shadow:    0 1px 2px rgba(0,0,0,.5), 0 10px 32px rgba(0,0,0,.5);
  --shadow-lg: 0 2px 6px rgba(0,0,0,.55), 0 24px 64px rgba(0,0,0,.6);
}