/* Design tokens shared by all Simbrace sites.
   Accepted v1 visual direction — see docs/09_visual_direction.md.
   This file defines tokens only; no page layout or component styling. */

:root {
  /* --- Palette (Simbrace Visual Direction v1) --- */
  --sb-color-deep-void: #05070d;
  --sb-color-midnight-glass: #0b1020;
  --sb-color-soft-ivory: #f4efe6;
  --sb-color-mist-gray: #aeb6c8;
  --sb-color-dim-slate: #596174;

  --sb-color-aurora-violet: #8b5cf6;
  --sb-color-lucid-cyan: #55ddfb;
  --sb-color-warm-pulse: #ff7a90;
  --sb-color-soft-gold: #e8c77a;

  /* --- Semantic color roles --- */
  --sb-color-bg: var(--sb-color-deep-void);
  --sb-color-surface: var(--sb-color-midnight-glass);
  --sb-color-surface-glass: rgba(11, 16, 32, 0.72);
  --sb-color-surface-glass-strong: rgba(11, 16, 32, 0.9);

  --sb-color-text: var(--sb-color-soft-ivory);
  --sb-color-text-secondary: var(--sb-color-mist-gray);
  --sb-color-text-muted: var(--sb-color-dim-slate);

  /* Per-site accent — see docs/09_visual_direction.md for usage rules.
     Main uses accent + accent-alt together; Worlds leans on accent-alt;
     FirstMove uses accent-firstmove sparingly, not as a full theme. */
  --sb-color-accent: var(--sb-color-aurora-violet);
  --sb-color-accent-alt: var(--sb-color-lucid-cyan);
  --sb-color-accent-firstmove: var(--sb-color-warm-pulse);
  --sb-color-accent-premium: var(--sb-color-soft-gold);

  --sb-color-border: rgba(174, 182, 200, 0.18);
  --sb-color-border-strong: rgba(244, 239, 230, 0.26);

  /* --- Form feedback (validation states only — not a brand accent, and
     distinct from Warm Pulse, which stays reserved for FirstMove). --- */
  --sb-color-feedback-error: #e2785f;

  /* --- Glow accents (used sparingly — see anti-patterns in docs/09) --- */
  --sb-glow-violet: 0 0 44px rgba(139, 92, 246, 0.32);
  --sb-glow-cyan: 0 0 44px rgba(85, 221, 251, 0.26);
  --sb-glow-pulse: 0 0 38px rgba(255, 122, 144, 0.22);

  /* --- Typography (system stacks only — no external font loading) --- */
  --sb-font-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sb-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --sb-font-size-base: 1rem;
  --sb-font-size-sm: 0.875rem;
  --sb-font-size-lg: 1.25rem;
  --sb-font-size-xl: 2rem;
  --sb-line-height-base: 1.5;

  /* --- Spacing --- */
  --sb-space-xs: 0.25rem;
  --sb-space-sm: 0.5rem;
  --sb-space-md: 1rem;
  --sb-space-lg: 2rem;
  --sb-space-xl: 4rem;

  /* --- Layout --- */
  --sb-container-max-width: 72rem;
  --sb-container-wide: 90rem;
  --sb-radius-sm: 12px;
  --sb-radius-md: 20px;
  --sb-radius-lg: 32px;
  --sb-radius-pill: 999px;
}