/**
 * arifOS Design Tokens
 * v2026.04.26-SEAL
 * Authority: 888_APEX → 999_SEAL
 */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ── Neutral base (all sites) ── */
  --afs-bg:         #0b0d10;
  --afs-surface:    #12161c;
  --afs-surface-2:  #171d25;
  --afs-surface-3:  #1e2630;
  --afs-border:     #2a3340;
  --afs-border-hover:#3a4a5a;
  --afs-text:       #eef3f8;
  --afs-muted:      #94a3b8;
  --afs-dim:        #64748b;

  /* ── Signals ── */
  --afs-success:    #22c55e;
  --afs-warning:    #f59e0b;
  --afs-danger:     #ef4444;
  --afs-info:       #3b82f6;

  /* ── Typography ── */
  --afs-font-display: 'Syne', system-ui, sans-serif;
  --afs-font-body:    'Inter', system-ui, sans-serif;
  --afs-font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ── Spacing (4px grid) ── */
  --afs-space-1:  4px;
  --afs-space-2:  8px;
  --afs-space-3:  12px;
  --afs-space-4:  16px;
  --afs-space-6:  24px;
  --afs-space-8:  32px;
  --afs-space-12: 48px;
  --afs-space-16: 64px;

  /* ── Layout ── */
  --afs-rail-h: 48px;
  --afs-max-w:  1200px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {
  background: var(--afs-bg);
  color: var(--afs-text);
  font-family: var(--afs-font-body);
  font-size: 15px;
  line-height: 1.6;
  min-height: 100vh;
}
a { color: inherit; text-decoration: none; }