/* ============================================================
   TruthStamp — Theme Variables
   Change anything here and it propagates across the entire site.
   ============================================================ */

:root {
  /* Brand colors — TruthStamp identity */
  --brand-primary: #2854E8;        /* Royal blue — trust, verification */
  --brand-primary-dark: #1D3FB8;
  --brand-primary-light: #E8EEFD;
  --brand-accent: #534AB7;         /* Purple — premium, sealed */
  --brand-accent-light: #EEEDFE;

  /* Neutral palette */
  --color-bg: #FAFAF7;             /* Warm off-white background */
  --color-surface: #FFFFFF;        /* Cards, panels */
  --color-surface-alt: #F1EFE8;    /* Secondary surfaces */
  --color-border: rgba(0, 0, 0, 0.08);
  --color-border-strong: rgba(0, 0, 0, 0.15);

  /* Text */
  --color-text: #1A1A1A;
  --color-text-secondary: #5F5E5A;
  --color-text-muted: #888780;
  --color-text-on-brand: #FFFFFF;

  /* Semantic colors */
  --color-success: #1D9E75;
  --color-success-bg: #E1F5EE;
  --color-warning: #BA7517;
  --color-warning-bg: #FAEEDA;
  --color-danger: #A32D2D;
  --color-danger-bg: #FCEBEB;
  --color-info: #185FA5;
  --color-info-bg: #E6F1FB;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Lora', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 40px;
  --text-4xl: 56px;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Borders & radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  /* Layout */
  --max-width: 1100px;
  --max-width-narrow: 720px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
}

/* Optional: dark mode (can be enabled later) */
@media (prefers-color-scheme: dark) {
  :root {
    /* Uncomment when ready for dark mode
    --color-bg: #0F0F0E;
    --color-surface: #1A1A18;
    --color-surface-alt: #252522;
    --color-text: #F1EFE8;
    --color-text-secondary: #B4B2A9;
    --color-border: rgba(255, 255, 255, 0.1);
    */
  }
}