/**
 * sentience.social — Shared Design Tokens
 * Platform-wide spacing, typography, radius, elevation, motion.
 * Each app overrides --s-accent for its own personality.
 */

:root {
  /* Spacing (8pt grid) */
  --s-space-xs: 4px;
  --s-space-sm: 8px;
  --s-space-md: 16px;
  --s-space-lg: 24px;
  --s-space-xl: 32px;
  --s-space-2xl: 48px;
  --s-space-3xl: 64px;

  /* Typography */
  --s-font-display: 'Playfair Display', serif;
  --s-font-body: 'DM Sans', sans-serif;
  --s-font-mono: 'JetBrains Mono', monospace;

  /* Radius */
  --s-radius-sm: 6px;
  --s-radius-md: 10px;
  --s-radius-lg: 16px;
  --s-radius-xl: 24px;
  --s-radius-full: 9999px;

  /* Elevation */
  --s-elevation-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
  --s-elevation-md: 0 4px 12px rgba(0, 0, 0, 0.15);
  --s-elevation-lg: 0 8px 32px rgba(0, 0, 0, 0.2);

  /* Motion */
  --s-motion-fast: 150ms ease;
  --s-motion-base: 250ms ease;
  --s-motion-luxury: 500ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Shell (set by shell.js when loaded) */
  --s-shell-height: 0px;

  /* Unfurl overrides */
  --s-accent: #9EC02B;
  --s-accent-warm: #D4A04A;
  --s-surface-base: #0a0a09;
}