/* clarendon-default — design token surface
 * Theme packs override CSS custom properties. Components reference tokens only.
 * To add another theme: copy this file, change values, register in /themes/.
 */

:root[data-theme="clarendon-default"] {
  /* surfaces */
  --color-bg-primary: #0a0a0a;
  --color-bg-secondary: #111111;
  --color-bg-elevated: #1a1a1a;
  --color-bg-overlay: rgba(0, 0, 0, 0.7);

  /* text */
  --color-fg-primary: #ffffff;
  --color-fg-secondary: #e8e3d3;
  --color-fg-muted: rgba(232, 227, 211, 0.55);
  --color-fg-on-accent: #000000;

  /* semantic accents */
  --color-accent-primary: #ffeb3b;
  --color-accent-secondary: #a8e063;
  --color-accent-warning: #c1121f;
  --color-accent-info: #4a90e2;

  /* OUM platform mark — should not be themed away */
  --color-platform-oum: #d4a017;

  /* borders */
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 215, 0, 0.4);

  /* status backgrounds */
  --color-status-live-bg: rgba(168, 224, 99, 0.12);
  --color-status-live-fg: #a8e063;
  --color-status-takeover-bg: rgba(193, 18, 31, 0.15);
  --color-status-takeover-fg: #ffb3b3;
  --color-status-network-bg: rgba(255, 235, 59, 0.08);
  --color-status-network-fg: #ffeb3b;

  /* typography */
  --font-display: "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", monospace;

  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 28px;
  --font-size-display: 36px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;

  --line-height-tight: 1.2;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.7;

  --letter-spacing-tight: -0.01em;
  --letter-spacing-wide: 0.1em;

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

  /* radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* motion */
  --transition-fast: 120ms ease-out;
  --transition-base: 200ms ease-out;
  --transition-slow: 320ms ease-out;
}