/* GENERATED by tools/export_tokens.py — do not edit by hand.
 *
 * Source of truth is the Flutter app:
 *   frenzlo-frontend/lib/core/theme/{app_colors,app_colors_light,
 *                                    app_radius,app_spacing,
 *                                    ring_flip_tokens}.dart
 *
 * Re-run the exporter after changing any of those files.
 */

/* Light is the base definition; dark overrides only what changes,
   under both the media query and the explicit [data-theme] switch
   so a manual toggle wins in either direction. */
:root {
  --radius-xxs: 4px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-full: 100px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --space-xxxl: 32px;
  --space-huge: 48px;

  --success: #22c55e;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #3b82f6;
  --teal: #06b6d4;
  --emerald: #10b981;

  --success-surface: rgba(34, 197, 94, 0.12);
  --success-edge: rgba(34, 197, 94, 0.45);
  --warning-surface: rgba(245, 158, 11, 0.12);
  --warning-edge: rgba(245, 158, 11, 0.45);
  --error-surface: rgba(239, 68, 68, 0.12);
  --error-edge: rgba(239, 68, 68, 0.45);
  --accent-surface: rgba(139, 92, 246, 0.16);

  --ring-1: #818cf8;
  --ring-2: #60a5fa;
  --ring-3: #8b5cf6;
  --ring-4: #a78bfa;
  --ring-core-flash: #c4b5fd;

  --ring-1-inset: 14%;
  --ring-1-radius: 26.12%;
  --ring-1-delay: 360ms;
  --ring-1-axis: 1, 1, 0;
  --ring-2-inset: 24%;
  --ring-2-radius: 26.56%;
  --ring-2-delay: 250ms;
  --ring-2-axis: 0, 1, 0;
  --ring-3-inset: 34%;
  --ring-3-radius: 26.60%;
  --ring-3-delay: 140ms;
  --ring-3-axis: 1, 0, 0;
  --ring-4-inset: 43%;
  --ring-4-radius: 26.36%;
  --ring-4-delay: 0ms;
  --ring-4-axis: 1, -1, 0;

  --ring-stroke-ratio: 0.02857;
  --ring-perspective-ratio: 3.0952;
  --ring-launcher-perspective-ratio: 4.6012;
  --ring-f1: 2000ms;

  --primary: #3b82f6;
  --primary-light: #60a5fa;
  --primary-dark: #2563eb;
  --primary-surface: rgba(59, 130, 246, 0.102);
  --accent: #8b5cf6;
  --accent-light: #a78bfa;
  --accent-dark: #7c3aed;

  --surface: #f8fbff;
  --surface-light: #f0f4f8;
  --divider: rgba(59, 130, 246, 0.094);
  --glass: rgba(255, 255, 255, 0.4);
  --glass-border: rgba(59, 130, 246, 0.302);
  --glass-highlight: rgba(255, 255, 255, 0.2);

  --bg: #f0f7ff;
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-tertiary: #64748b;
  --text-disabled: #cbd5e1;

  --bg-gradient: linear-gradient(180deg, #7dd3fc, #bae6fd, #dbeafe, #e0f2fe);
  --primary-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);
  --ring-stage: linear-gradient(135deg, #f6f4ff, #efeafe, #e9e4fd, #eaf1fe, #f7f5ff);

  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --primary-surface: rgba(59, 130, 246, 0.2);
    --accent: #8b5cf6;
    --accent-light: #a78bfa;
    --accent-dark: #7c3aed;

    --surface: #0b0814;
    --surface-light: #14101f;
    --divider: rgba(255, 255, 255, 0.102);
    --glass: rgba(255, 255, 255, 0.09);
    --glass-border: rgba(255, 255, 255, 0.18);
    --glass-highlight: rgba(255, 255, 255, 0.051);

    --bg: #0b0814;
    --text-primary: rgba(255, 255, 255, 0.949);
    --text-secondary: rgba(255, 255, 255, 0.651);
    --text-tertiary: rgba(255, 255, 255, 0.502);
    --text-disabled: rgba(255, 255, 255, 0.2);

    --bg-gradient: linear-gradient(165deg, #2d1b69, #1a1145, #0d1a3a, #121240, #2a1040, #3d1855);
    --primary-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);
    --ring-stage: linear-gradient(135deg, #0a0c24, #12153a, #1a1145, #0d1a3a, #0b0818);
  }
}

:root[data-theme="dark"] {
  --primary: #3b82f6;
  --primary-light: #60a5fa;
  --primary-dark: #2563eb;
  --primary-surface: rgba(59, 130, 246, 0.2);
  --accent: #8b5cf6;
  --accent-light: #a78bfa;
  --accent-dark: #7c3aed;

  --surface: #0b0814;
  --surface-light: #14101f;
  --divider: rgba(255, 255, 255, 0.102);
  --glass: rgba(255, 255, 255, 0.09);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-highlight: rgba(255, 255, 255, 0.051);

  --bg: #0b0814;
  --text-primary: rgba(255, 255, 255, 0.949);
  --text-secondary: rgba(255, 255, 255, 0.651);
  --text-tertiary: rgba(255, 255, 255, 0.502);
  --text-disabled: rgba(255, 255, 255, 0.2);

  --bg-gradient: linear-gradient(165deg, #2d1b69, #1a1145, #0d1a3a, #121240, #2a1040, #3d1855);
  --primary-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);
  --ring-stage: linear-gradient(135deg, #0a0c24, #12153a, #1a1145, #0d1a3a, #0b0818);
}