/**
 * AUTO-GENERATED CSS Variables
 * DO NOT EDIT THIS FILE MANUALLY
 * Generated from: frontend/lib/design-tokens.ts
 * Run 'npm run generate:vars' to update
 */

:root {
  /* ==== BRAND CORE COLOURS ==== */
  --rask-white: #FFFFFF;
  --rask-black: #000000;
  --rask-primary: #1a1a1a;
  --rask-bg: #FFFAF0;
  --rask-bg-secondary: #E2EBF4;
  --rask-accent-purple: #C3AAF5;
  --rask-link: #5250F5;
  --rask-blue: #5250F5;
  --rask-success: #07723F;
  --rask-danger: #F65D1A;
  --rask-warning: #F4D876;
  --rask-indigo: #5250F5;
  --rask-light-blue: #B4CFEB;
  --rask-orange: #EB6513;
  --rask-pink: #E798E7;
  --rask-teal: #024F57;
  --rask-forest: #2D5303;
  --rask-success-green: #07723F;
  --rask-olive: #D8DE9B;
  --rask-gold: #F4D876;
  --rask-tan: #B8A168;
  --rask-dark-gold: #775D10;
  --rask-maroon: #1a1a1a;
  --rask-terracotta: #904B35;
  --rask-brown: #B44537;
  --rask-peach: #FFD5BC;
  --rask-coral: #FF9676;
  --rask-light-pink: #FEBAEB;
  --rask-lavender: #BFCAEF;
  --rask-pale-purple: #D2C5F5;
  --rask-sand: #E2D9C6;
  --rask-cream: #F3E1BA;
  --rask-navy: #023057;
  --rask-gray: #5F5F5F;
  --rask-pale-gold: #EADE8A;
  --rask-reddish-brown: #9A5142;
  --rask-light-yellow: #FCECB3;
  --rask-ice-blue: #E2EBF4;
  --rask-magenta: #F3CCF3;

  /* ==== SEMANTIC COLOURS ==== */
  --success-50: #D8DE9B;
  --success-100: #E6E9C8;
  --success-200: #D0D695;
  --success-300: #B9C362;
  --success-400: #A3B02E;
  --success-500: #07723F;
  --success-600: #066035;
  --success-700: #044E2B;
  --success-800: #033B21;
  --success-900: #2D5303;
  --error-50: #FFD5BC;
  --error-100: #FF9676;
  --error-200: #904B35;
  --error-300: #B44537;
  --error-400: #9A5142;
  --error-500: #F65D1A;
  --error-600: #D14F16;
  --error-700: #AC4112;
  --error-800: #87330E;
  --error-900: #1a1a1a;
  --warning-50: #FCECB3;
  --warning-100: #EADE8A;
  --warning-200: #E1D261;
  --warning-300: #D8C638;
  --warning-400: #CFBA0F;
  --warning-500: #F4D876;
  --warning-600: #B8A168;
  --warning-700: #9C8958;
  --warning-800: #807148;
  --warning-900: #775D10;
  --info-50: #BFCAEF;
  --info-100: #F3CCF3;
  --info-200: #D2C5F5;
  --info-300: #C3AAF5;
  --info-400: #E798E7;
  --info-500: #5250F5;
  --info-600: #4644D0;
  --info-700: #3A38AB;
  --info-800: #2E2D86;
  --info-900: #023057;

  /* ==== NEUTRAL COLOURS ==== */
  --neutral-50: #FFFAF0;
  --neutral-100: #E2EBF4;
  --neutral-200: #E2D9C6;
  --neutral-300: #F3E1BA;
  --neutral-400: #B4CFEB;
  --neutral-500: #5F5F5F;
  --neutral-600: #1a1a1a;
  --neutral-700: #023057;
  --neutral-800: #024F57;
  --neutral-900: #1a1a1a;

  /* ==== TYPOGRAPHY ==== */

  /* ==== CHART COLOURS ==== */
  --chart-grid: #e5e7eb;
  --chart-axis: #6b7280;
  --chart-tooltip-bg: #FFFAF0;
  --chart-tooltip-border: #e5e7eb;
  --chart-series-1: #5250F5;
  --chart-series-2: #07723F;
  --chart-series-3: #C3AAF5;
  --chart-series-4: #F4D876;
  --chart-series-5: #EB6513;
  --chart-series-6: #B4CFEB;
  --chart-series-7: #E798E7;
  --chart-series-8: #024F57;
  --chart-series-9: #FFD5BC;
  --chart-series-10: #023057;

  /* ==== RADIUS ==== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
}

/* Legacy & Shadcn compatibility variables (Mapped to Rask Tokens) */
:root {
  --background: var(--rask-bg);
  --foreground: var(--rask-primary);
  --card: var(--rask-white);
  --card-foreground: var(--rask-primary);
  --popover: var(--rask-white);
  --popover-foreground: var(--rask-primary);
  --primary: var(--rask-blue);
  --primary-foreground: var(--rask-white);
  --secondary: var(--rask-bg-secondary);
  --secondary-foreground: var(--rask-primary);
  --muted: var(--rask-bg-secondary);
  --muted-foreground: var(--neutral-500);
  --accent: var(--rask-accent-purple);
  --accent-foreground: var(--rask-primary);
  --destructive: var(--rask-danger);
  --destructive-foreground: var(--rask-white);
  --border: var(--neutral-200);
  --input: var(--neutral-200);
  --ring: var(--rask-blue);
}