/**
 * Ppoppo Design Tokens — Minimal Premium
 * Auto-generated by `cargo xtask tokens` from tokens/*.json
 * Do not edit directly
 */

/* ═══════════════════════════════════════════════════════════════
   Base Tokens (theme-invariant)
   ═══════════════════════════════════════════════════════════════ */

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-13: 3.25rem;
  --spacing-14: 3.5rem;
  --spacing-15: 3.75rem;
  --spacing-16: 4rem;

  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius-base: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;

  --touch-target-minimum: 44px;
  --touch-target-recommended: 48px;

  --font-family-display: -apple-system, 'SF Pro Display', 'SF Pro', system-ui, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-body: -apple-system, 'SF Pro Text', 'SF Pro', system-ui, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-mono: 'SF Mono', 'JetBrains Mono', 'Fira Code', Consolas, 'Courier New', monospace;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --font-lineHeight-xs: 1rem;
  --font-lineHeight-sm: 1.25rem;
  --font-lineHeight-base: 1.5rem;
  --font-lineHeight-lg: 1.75rem;
  --font-lineHeight-xl: 1.75rem;
  --font-lineHeight-2xl: 2rem;
  --font-lineHeight-3xl: 2.25rem;
}

/* ═══════════════════════════════════════════════════════════════
   Color Tokens — light-dark() automatic theme switching
   ═══════════════════════════════════════════════════════════════ */

:root {
  color-scheme: light dark;

  /* Brand */
  --color-accent: light-dark(#FF6B6B, #FF8787);
  --color-accent-hover: light-dark(#E85D5D, #FF6B6B);

  /* Foundation */
  --color-canvas: light-dark(#F8FAFC, #0F172A);
  --color-surface: light-dark(#FFFFFF, #1E293B);
  --color-elevated: light-dark(#F1F5F9, #334155);
  --color-divider: light-dark(#E2E8F0, #334155);
  --color-ink: light-dark(#0F172A, #F8FAFC);
  --color-ink-secondary: light-dark(#64748B, #94A3B8);
  --color-ink-muted: light-dark(#94A3B8, #64748B);

  /* Semantic */
  --color-error: light-dark(#DC2626, #FCA5A5);
  --color-error-surface: light-dark(#FEF2F2, rgba(127,29,29,0.3));
  --color-error-border: light-dark(#FECACA, #991B1B);
  --color-success: light-dark(#16A34A, #86EFAC);
  --color-warning: light-dark(#D97706, #FCD34D);
  --color-info: light-dark(#3B82F6, #60A5FA);

  /* Foundation (extra) */
  --color-overlay: light-dark(rgba(0,0,0,0.5), rgba(0,0,0,0.7));
  --color-skeleton: light-dark(#E5E7EB, #374151);
  --color-skeleton-subtle: light-dark(#F3F4F6, #1F2937);

  /* Admin */
  --color-action-suspend: light-dark(#f59e0b, #fbbf24);
  --color-action-quarantine: light-dark(#8b5cf6, #a78bfa);
  --color-action-reclaim: light-dark(#6b7280, #9ca3af);
  --color-action-hold: light-dark(#3b82f6, #60a5fa);
  --color-tier-uniform: light-dark(#3b82f6, #60a5fa);
  --color-tier-per-party: light-dark(#d97706, #fbbf24);
  --color-tier-per-app: light-dark(#8b5cf6, #a78bfa);
  --color-tier-per-ppnum: light-dark(#22c55e, #4ade80);
  --color-svc-pas: light-dark(#ef4444, #fca5a5);
  --color-svc-pcs: light-dark(#3b82f6, #60a5fa);
  --color-svc-shared: light-dark(#d97706, #fbbf24);
}