/* SkinContract — closed token vocabulary.
 * Every primitive in the site reads tokens. Skins redefine tokens.
 * Mirrors packages/plugin-sdk/src/skin-contract.ts (forthcoming).
 * The default skin is "dark-3d": deep black + anaglyph red/blue. */

:root,
:root[data-skin="dark-3d"] {
  /* surfaces */
  --color-bg-base:        #020203;
  --color-bg-elevated:    #0a0a10;
  --color-bg-subtle:      #13131c;
  --color-bg-inset:       #000000;

  /* text */
  --color-text-primary:   #ecedf2;
  --color-text-secondary: #a4a6b3;
  --color-text-muted:     #5b5d6a;
  --color-text-inverse:   #0a0a10;

  /* borders */
  --color-border-subtle:  #1a1c26;
  --color-border-default: #262936;
  --color-border-strong:  #3a3e4f;

  /* accents — the red lens + blue lens */
  --color-accent:         #e23535;   /* red lens */
  --color-accent-cool:    #3580ff;   /* blue lens */
  --color-accent-soft:    #a92424;

  /* state */
  --color-state-danger:   #e23535;
  --color-state-warning:  #d6a02a;
  --color-state-success:  #3aaf64;
  --color-state-info:     #3580ff;

  /* radii */
  --radius-none: 0;
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-full: 9999px;

  /* spacing */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-12: 96px;

  /* typography */
  --font-ui:      ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;
  --font-mono:    ui-monospace, "JetBrains Mono", Menlo, monospace;
  --font-display: var(--font-ui);
  --font-size-xs:      12px;
  --font-size-sm:      13px;
  --font-size-body:    16px;
  --font-size-md:      18px;
  --font-size-lg:      22px;
  --font-size-xl:      32px;
  --font-size-display: 56px;

  /* shadow stack — physical, not glow */
  --shadow-sm: 0 1px 0 rgba(255,255,255,0.04), 0 1px 2px rgba(0,0,0,0.6);
  --shadow-md: 0 1px 0 rgba(255,255,255,0.05), 0 6px 18px rgba(0,0,0,0.7);
  --shadow-lg: 0 1px 0 rgba(255,255,255,0.06), 0 18px 40px rgba(0,0,0,0.8);

  /* motion */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 400ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* anaglyph offset (used by .is-anaglyph utility) */
  --anaglyph-shift: 2px;

  /* watermark layer */
  --watermark-color: rgba(255,255,255,0.025);

  /* scrollbar — black track, blue thumb, red arrows */
  --scroll-track:        #000000;
  --scroll-thumb:        #2865d6;
  --scroll-thumb-hover:  #3580ff;
  --scroll-arrow-bg:     #b22323;
  --scroll-arrow-bg-hover: #e23535;
  --scroll-arrow-fg:     #ffffff;

  color-scheme: dark;
}