:root {
  --background: #f4f3f8;
  --foreground: #20163a;

  --card: #ffffff;
  --card-foreground: #20163a;

  --popover: #ffffff;
  --popover-foreground: #20163a;

  --primary: #4f2d8a;
  --primary-foreground: #ffffff;

  --secondary: #f4f3f8;
  --secondary-foreground: #5f567a;

  --muted: #f4f3f8;
  --muted-foreground: #8a819f;

  --accent: var(--color-flogas-blue-500);
  --accent-foreground: #ffffff;

  --destructive: #b91c1c;
  --destructive-foreground: #ffffff;

  --border: rgba(0, 0, 0, 0.07);
  --input: rgba(0, 0, 0, 0.07);
  --ring: #4f2d8a;

  --chart-1: #7c52c8;
  --chart-2: #d94e18;
  --chart-3: #22c55e;
  --chart-4: #b45309;
  --chart-5: #b91c1c;

  --radius: 0.875rem;

  --sidebar-background: #ffffff;
  --sidebar-foreground: #20163a;
  --sidebar-primary: #4f2d8a;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f4f3f8;
  --sidebar-accent-foreground: #20163a;
  --sidebar-border: rgba(0, 0, 0, 0.07);
  --sidebar-ring: #7c52c8;

  --bg: #f4f3f8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface2: #f4f3f8;
  --surface3: #ebe8f2;

  --text: #20163a;
  --text2: #5f567a;
  --text3: #8a819f;

  --p: #4f2d8a;
  --p-light: #f1ecfa;
  --p-mid: #7c52c8;
  --p-glow: rgba(79, 45, 138, 0.14);

  --accent-light: #fff0e8;

  --green: #16a34a;
  --green-bg: #ecfdf5;

  --amber: #b45309;
  --amber-bg: #fffbeb;

  --red: #b91c1c;
  --red-bg: #fef2f2;

  --sh: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 20px rgba(0, 0, 0, 0.06);

  --sh-lg: 0 8px 40px rgba(79, 45, 138, 0.14);

  --sidebar: #ffffff;
  --sidebar-border: rgba(0, 0, 0, 0.07);

  --chart: #7c52c8;
  --chart-fill: rgba(124, 82, 200, 0.1);
  --chart-grid: rgba(0, 0, 0, 0.06);

  --color-flogas-purple-50: oklch(94.91% 0.021 304.03);
  --color-flogas-purple-100: oklch(89.76% 0.041 304.29);
  --color-flogas-purple-200: oklch(79.2% 0.087 302.75);
  --color-flogas-purple-300: oklch(68.89% 0.132 301.67);
  --color-flogas-purple-400: oklch(58.73% 0.176 299.32);
  --color-flogas-purple-500: oklch(49.47% 0.212 295.95);
  --color-flogas-purple-600: oklch(42.23% 0.178 296.02);
  --color-flogas-purple-700: oklch(34.8% 0.142 296.8);
  --color-flogas-purple-800: oklch(26.83% 0.104 297.21);
  --color-flogas-purple-900: oklch(18.52% 0.057 299.9);
  --color-flogas-purple-950: oklch(15.6% 0.045 301.6);

  --color-flogas-blue-50: oklch(97.12% 0.023 213.62);
  --color-flogas-blue-100: oklch(94.64% 0.045 212.13);
  --color-flogas-blue-200: oklch(89.65% 0.085 213.78);
  --color-flogas-blue-300: oklch(85.56% 0.117 214.82);
  --color-flogas-blue-400: oklch(82.26% 0.138 217.23);
  --color-flogas-blue-500: oklch(79.49% 0.147 221.91);
  --color-flogas-blue-600: oklch(67.45% 0.124 221.11);
  --color-flogas-blue-700: oklch(54.59% 0.1 220.77);
  --color-flogas-blue-800: oklch(40.91% 0.075 220.15);
  --color-flogas-blue-900: oklch(26.26% 0.047 216.04);
  --color-flogas-blue-950: oklch(21.26% 0.038 216.29);

  --color-flogas-coral-50: oklch(96.5% 0.018 50);
  --color-flogas-coral-100: oklch(92.5% 0.04 48);
  --color-flogas-coral-200: oklch(85% 0.085 45);
  --color-flogas-coral-300: oklch(77% 0.13 42);
  --color-flogas-coral-400: oklch(70% 0.165 40);
  --color-flogas-coral-500: oklch(64% 0.19 38);
  --color-flogas-coral-600: oklch(60% 0.187 38);
  --color-flogas-coral-700: oklch(52% 0.165 37);
  --color-flogas-coral-800: oklch(43% 0.135 35);
  --color-flogas-coral-900: oklch(32% 0.1 33);
  --color-flogas-coral-950: oklch(24% 0.075 32);
}

.dark {
  --background: #0e0b1a;
  --foreground: #ede9ff;

  --card: #17122a;
  --card-foreground: #ede9ff;

  --popover: #17122a;
  --popover-foreground: #ede9ff;

  --primary: #a080f0;
  --primary-foreground: #ffffff;

  --secondary: #221b3a;
  --secondary-foreground: #ede9ff;

  --muted: #221b3a;
  --muted-foreground: #9f98c0;

  --accent: var(--color-flogas-blue-500);
  --accent-foreground: #ffffff;

  --destructive: #f87171;
  --destructive-foreground: #ffffff;

  --border: rgba(255, 255, 255, 0.07);
  --input: rgba(255, 255, 255, 0.07);
  --ring: #a080f0;

  --chart-1: #a080f0;
  --chart-2: #f97040;
  --chart-3: #4ade80;
  --chart-4: #fbbf24;
  --chart-5: #f87171;

  --sidebar-background: #17122a;
  --sidebar-foreground: #ede9ff;
  --sidebar-primary: #a080f0;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #221b3a;
  --sidebar-accent-foreground: #ede9ff;
  --sidebar-border: rgba(255, 255, 255, 0.06);
  --sidebar-ring: #a080f0;

  --bg: #0e0b1a;
  --surface: #17122a;
  --surface-raised: #1e1838;
  --surface2: #221b3a;
  --surface3: #2e2550;

  --text: #ede9ff;
  --text2: #9f98c0;
  --text3: #5a5278;

  --p: #a080f0;
  --p-light: #251c45;
  --p-mid: #7c52c8;
  --p-glow: rgba(160, 128, 240, 0.2);

  --accent-light: #2c1508;

  --green: #4ade80;
  --green-bg: #052e16;

  --amber: #fbbf24;
  --amber-bg: #1a1000;

  --red: #f87171;
  --red-bg: #260808;

  --sh: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 20px rgba(0, 0, 0, 0.25);

  --sh-lg: 0 8px 40px rgba(0, 0, 0, 0.5);

  --sidebar: #17122a;
  --sidebar-border: rgba(255, 255, 255, 0.06);

  --chart: #a080f0;
  --chart-fill: rgba(160, 128, 240, 0.12);
  --chart-grid: rgba(255, 255, 255, 0.06);
}