/**
 * Global CSS custom properties (design tokens).
 *
 * Mockups reference these tokens as `var(--primary)`, `var(--shadow-card)`,
 * etc. in data-mockup-dom-fields / data-mockup-dom-new-states. The A2 fix
 * allows dom:style entities to store those literals verbatim; this file
 * declares the actual values at :root scope so the browser resolves the
 * variables everywhere design_system entities render.
 *
 * Source of truth: mockup styleguide (kept in sync with
 * .claude/skills/mockup/styleguide.html and the :root blocks of the
 * landing-page / dashboard mockups).
 */
:root {
  /* Brand */
  --primary: #0073AA;
  --primary-dark: #005a87;
  --primary-light: #E0F2FE;
  --primary-lighter: #F0F9FF;

  /* Accent hues */
  --teal: #0891B2;
  --teal-light: #ECFEFF;
  --teal-dark: #0E7490;
  --green: #059669;
  --green-light: #D1FAE5;
  --green-dark: #065F46;
  --amber: #D97706;
  --amber-light: #FEF3C7;
  --amber-dark: #92400E;
  --amber-500: #F59E0B;
  --rose: #E11D48;
  --rose-light: #FFE4E6;
  --rose-dark: #9F1239;
  --violet: #7C3AED;
  --violet-light: #EDE9FE;
  --violet-dark: #5B21B6;
  --indigo: #4F46E5;
  --indigo-light: #E0E7FF;
  --sky: #0EA5E9;
  --sky-light: #E0F2FE;

  /* Borders + neutrals */
  --border: #E2E8F0;
  --border-light: #F1F5F9;
  --border-strong: #CBD5E1;
  --neutral: #64748B;
  --muted: #94A3B8;
  --warm-cream: #FEFBF6;
  --dark-slate: #1B2A3D;

  /* Text */
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --white: #FFFFFF;

  /* Feedback */
  --success: #10B981;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15,23,42,0.05), 0 1px 3px rgba(15,23,42,0.03);
  --shadow-card: 0 2px 4px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
  --shadow-card-hover: 0 16px 32px rgba(15,23,42,0.10), 0 6px 12px rgba(15,23,42,0.06), 0 2px 4px rgba(15,23,42,0.04);
  --shadow-lg: 0 20px 40px rgba(15,23,42,0.12), 0 8px 16px rgba(15,23,42,0.06);

  /* Domain accents */
  --pto-accent: #065F46;

  /* Typography scale */
  --fs-2xs: 0.625rem;
  --fs-xs: 0.6875rem;
  --fs-sm: 0.75rem;
  --fs-md: 0.8125rem;
  --fs-lg: 0.9375rem;
  --fs-xl: 1.125rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
}