/* arbat.pw shared design tokens — synced into each site at build */
:root {
  --arbat-bg: #09090b;
  --arbat-bg-elevated: #12121a;
  --arbat-bg-inset: #0c0c12;
  --arbat-text: #fafafa;
  --arbat-muted: #a1a1aa;
  --arbat-border: #2a2a3a;
  --arbat-accent: #6366f1;
  --arbat-accent-dim: rgba(99, 102, 241, 0.18);
  --arbat-danger: #ef4444;
  --arbat-success: #22c55e;
  --arbat-radius-lg: 20px;
  --arbat-radius-sm: 12px;
  --arbat-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
  --arbat-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --arbat-bg: #f4f4f5;
    --arbat-bg-elevated: #ffffff;
    --arbat-bg-inset: #f0f0f2;
    --arbat-text: #18181b;
    --arbat-muted: #52525b;
    --arbat-border: rgba(0, 0, 0, 0.1);
    --arbat-accent-dim: rgba(99, 102, 241, 0.12);
    --arbat-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  }
}

html[data-theme="light"] {
  --arbat-bg: #f4f4f5;
  --arbat-bg-elevated: #ffffff;
  --arbat-bg-inset: #f0f0f2;
  --arbat-text: #18181b;
  --arbat-muted: #52525b;
  --arbat-border: rgba(0, 0, 0, 0.1);
  --arbat-accent-dim: rgba(99, 102, 241, 0.12);
  --arbat-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] {
  --arbat-bg: #09090b;
  --arbat-bg-elevated: #12121a;
  --arbat-bg-inset: #0c0c12;
  --arbat-text: #fafafa;
  --arbat-muted: #a1a1aa;
  --arbat-border: #2a2a3a;
  --arbat-accent-dim: rgba(99, 102, 241, 0.18);
  --arbat-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}