/**
 * SendyKit Design Tokens (Spec 19 §2)
 * Source of truth: Sendy dark theme computed values
 * Used by: admin UI, sendykit.dev, WP plugin, purchase form
 */

:root {
  /* ── Backgrounds ── */
  --sk-bg: #1d1d1d;
  --sk-bg-nav: #1a1a1c;
  --sk-bg-sidebar: #292929;
  --sk-bg-surface: #292929;
  --sk-bg-input: transparent;
  --sk-bg-hover: rgba(255,255,255,.06);
  --sk-bg-active: rgba(255,255,255,.08);

  /* ── Text ── */
  --sk-fg: #ffffff;
  --sk-fg-secondary: #dfdfdf;
  --sk-fg-muted: #d1d1d6;
  --sk-fg-dim: #999999;

  /* ── Borders ── */
  --sk-border: #333333;
  --sk-border-light: #444444;
  --sk-border-nav: #999999;

  /* ── Accent (Gold) ── */
  --sk-accent: #C4A265;
  --sk-accent-hover: #b8923c;
  --sk-accent-text: #C4A265;
  --sk-accent-glow: rgba(196,162,101,.12);

  /* ── Status ── */
  --sk-success: #4ade80;
  --sk-danger: #de5351;
  --sk-warning: #f0ad4e;
  --sk-info: #5bc0de;

  /* ── Shape ── */
  --sk-radius: 5px;
  --sk-radius-lg: 8px;
  --sk-topbar-h: 52px;
  --sk-sidebar-w: 200px;

  /* ── Shadows ── */
  --sk-shadow: 0 1px 4px rgba(0,0,0,.15);
  --sk-shadow-lg: 0 4px 16px rgba(0,0,0,.3);

  /* ── Typography ── */
  --sk-font: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sk-font-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --sk-font-size: 14px;
}