/* Synistar Clayglass Theme Kit v1.0 — Design Tokens */
:root {
  color-scheme: dark;

  --syn-bg: #0b0c0b;
  --syn-bg-2: #101110;
  --syn-surface: #181918;
  --syn-surface-2: #202120;
  --syn-surface-3: #282928;

  --syn-ink: #f2eee5;
  --syn-copy: #c9c3b8;
  --syn-muted: #8c887f;
  --syn-faint: #68655e;

  --syn-line: rgba(255,255,255,.09);
  --syn-line-soft: rgba(255,255,255,.055);
  --syn-line-strong: rgba(255,255,255,.16);

  --syn-accent: #f2eee5;
  --syn-accent-strong: #ffffff;

  --syn-success: #88aa80;
  --syn-warning: #d8b985;
  --syn-danger: #e27f72;
  --syn-info: #8aa6cf;

  --syn-radius-xs: 12px;
  --syn-radius-sm: 18px;
  --syn-radius: 26px;
  --syn-radius-lg: 34px;
  --syn-pill: 999px;

  --syn-glass-bg: rgba(28,29,28,.68);
  --syn-glass-bg-strong: rgba(22,23,22,.82);
  --syn-glass-bg-soft: rgba(255,255,255,.055);
  --syn-glass-border: rgba(255,255,255,.14);
  --syn-glass-border-strong: rgba(255,255,255,.22);
  --syn-glass-blur: 16px;
  --syn-glass-blur-soft: 10px;

  --syn-shadow: 0 18px 36px rgba(0,0,0,.42), 0 5px 12px rgba(0,0,0,.28), inset 0 2px 1px rgba(255,255,255,.07), inset 0 -2px 1px rgba(0,0,0,.28);
  --syn-shadow-soft: 0 10px 22px rgba(0,0,0,.34), 0 3px 7px rgba(0,0,0,.22), inset 0 2px 1px rgba(255,255,255,.065), inset 0 -2px 1px rgba(0,0,0,.22);
  --syn-shadow-hover: 0 22px 42px rgba(0,0,0,.46), 0 7px 15px rgba(0,0,0,.28), inset 0 2px 1px rgba(255,255,255,.085), inset 0 -2px 1px rgba(0,0,0,.3);
  --syn-inset: inset 0 5px 12px rgba(0,0,0,.42), inset 0 -3px 8px rgba(255,255,255,.035);
  --syn-inset-soft: inset 0 3px 7px rgba(0,0,0,.32), inset 0 -2px 5px rgba(255,255,255,.03);
  --syn-shadow-popover: 0 22px 50px rgba(0,0,0,.58), inset 0 2px rgba(255,255,255,.055);
  --syn-shadow-modal: 0 34px 90px rgba(0,0,0,.68), inset 0 2px rgba(255,255,255,.06);

  --syn-font-display: "Arial Black", "Segoe UI Black", "Helvetica Neue", Arial, sans-serif;
  --syn-font-sans: "Aptos", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --syn-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --syn-ease: cubic-bezier(.2,.7,.2,1);
  --syn-ease-satisfying: cubic-bezier(.16,1,.3,1);
  --syn-fast: 160ms;
  --syn-base: 220ms;
  --syn-panel: 320ms;
}

html[data-theme="light"] {
  color-scheme: light;

  --syn-bg: #e9e9e7;
  --syn-bg-2: #e4e4e1;
  --syn-surface: #f2f2ef;
  --syn-surface-2: #eaeae6;
  --syn-surface-3: #deded9;

  --syn-ink: #191a17;
  --syn-copy: #45423c;
  --syn-muted: #6f6a62;
  --syn-faint: #918b80;

  --syn-line: rgba(25,26,23,.08);
  --syn-line-soft: rgba(25,26,23,.045);
  --syn-line-strong: rgba(25,26,23,.14);

  --syn-accent: #191a17;
  --syn-accent-strong: #000000;

  --syn-success: #496b43;
  --syn-warning: #87642c;
  --syn-danger: #9a4037;
  --syn-info: #415f8c;

  --syn-glass-bg: rgba(247,247,243,.68);
  --syn-glass-bg-strong: rgba(248,248,245,.84);
  --syn-glass-bg-soft: rgba(255,255,255,.46);
  --syn-glass-border: rgba(25,26,23,.11);
  --syn-glass-border-strong: rgba(25,26,23,.19);

  --syn-shadow: 0 18px 34px rgba(105,96,84,.19), 0 5px 11px rgba(105,96,84,.13), inset 0 2px 1px rgba(255,255,255,.92), inset 0 -2px 1px rgba(132,123,110,.13);
  --syn-shadow-soft: 0 10px 21px rgba(105,96,84,.15), 0 3px 7px rgba(105,96,84,.1), inset 0 2px 1px rgba(255,255,255,.88), inset 0 -2px 1px rgba(132,123,110,.11);
  --syn-shadow-hover: 0 23px 42px rgba(105,96,84,.22), 0 7px 14px rgba(105,96,84,.14), inset 0 2px 1px rgba(255,255,255,.94), inset 0 -2px 1px rgba(132,123,110,.15);
  --syn-inset: inset 0 5px 11px rgba(118,109,96,.2), inset 0 -3px 8px rgba(255,255,255,.86);
  --syn-inset-soft: inset 0 3px 7px rgba(118,109,96,.16), inset 0 -2px 5px rgba(255,255,255,.82);
  --syn-shadow-popover: 0 22px 48px rgba(93,85,74,.22), inset 0 2px rgba(255,255,255,.9);
  --syn-shadow-modal: 0 32px 74px rgba(93,85,74,.25), inset 0 2px rgba(255,255,255,.92);
}