/*
 * sRGB fallback for the oklch() theme colors in src/styles.css.
 *
 * Why this is a separate, plain file instead of living in styles.css: Tailwind
 * v4's build (Lightning CSS) targets modern browsers only and normalizes every
 * color literal it touches to oklch — so a "fallback rgb() line, then the real
 * oklch() line" written inside styles.css gets silently rewritten into two
 * oklch() lines by the build, and the fallback is lost. This file is a static
 * asset under public/, so Vite copies it byte-for-byte with no CSS processing
 * — nothing here is touched, so the rgb()/rgba() values below reach the
 * browser exactly as written.
 *
 * @supports not (color: oklch(0 0 0)) is true only on engines that cannot
 * parse the oklch() color function — Safari < 15.4 (older iPhones, e.g. the
 * iPhone SE) being the one that matters for this site. Modern browsers
 * evaluate the condition as false and skip this file's rules entirely, so
 * styles.css's oklch() values apply unchanged there.
 *
 * Values are a direct OKLab -> linear-sRGB -> sRGB conversion of the exact
 * oklch() values in src/styles.css (computed, not eyeballed). If a color
 * token changes there, regenerate this file to match — do not hand-edit one
 * without the other.
 */
@supports not (color: oklch(0 0 0)) {
  :root {
    --background: rgb(255, 255, 255);
    --foreground: rgb(2, 6, 24);
    --card: rgb(255, 255, 255);
    --card-foreground: rgb(2, 6, 24);
    --popover: rgb(255, 255, 255);
    --popover-foreground: rgb(2, 6, 24);
    --primary: rgb(15, 23, 43);
    --primary-foreground: rgb(248, 250, 252);
    --secondary: rgb(241, 245, 249);
    --secondary-foreground: rgb(15, 23, 43);
    --muted: rgb(241, 245, 249);
    --muted-foreground: rgb(98, 116, 142);
    --accent: rgb(241, 245, 249);
    --accent-foreground: rgb(15, 23, 43);
    --destructive: rgb(231, 0, 11);
    --destructive-foreground: rgb(248, 250, 252);
    --border: rgb(226, 232, 240);
    --input: rgb(226, 232, 240);
    --ring: rgb(144, 161, 185);
    --chart-1: rgb(245, 73, 0);
    --chart-2: rgb(0, 150, 137);
    --chart-3: rgb(16, 78, 100);
    --chart-4: rgb(255, 185, 0);
    --chart-5: rgb(254, 154, 0);
    --sidebar: rgb(248, 250, 252);
    --sidebar-foreground: rgb(2, 6, 24);
    --sidebar-primary: rgb(15, 23, 43);
    --sidebar-primary-foreground: rgb(248, 250, 252);
    --sidebar-accent: rgb(241, 245, 249);
    --sidebar-accent-foreground: rgb(15, 23, 43);
    --sidebar-border: rgb(226, 232, 240);
    --sidebar-ring: rgb(144, 161, 185);
  }

  .dark {
    --background: rgb(2, 6, 24);
    --foreground: rgb(248, 250, 252);
    --card: rgb(15, 23, 43);
    --card-foreground: rgb(248, 250, 252);
    --popover: rgb(15, 23, 43);
    --popover-foreground: rgb(248, 250, 252);
    --primary: rgb(226, 232, 240);
    --primary-foreground: rgb(15, 23, 43);
    --secondary: rgb(29, 41, 61);
    --secondary-foreground: rgb(248, 250, 252);
    --muted: rgb(29, 41, 61);
    --muted-foreground: rgb(144, 161, 185);
    --accent: rgb(29, 41, 61);
    --accent-foreground: rgb(248, 250, 252);
    --destructive: rgb(255, 100, 103);
    --destructive-foreground: rgb(248, 250, 252);
    --border: rgba(255, 255, 255, 0.1);
    --input: rgba(255, 255, 255, 0.15);
    --ring: rgb(106, 114, 130);
    --chart-1: rgb(20, 71, 230);
    --chart-2: rgb(0, 188, 125);
    --chart-3: rgb(254, 154, 0);
    --chart-4: rgb(173, 70, 255);
    --chart-5: rgb(255, 32, 86);
    --sidebar: rgb(15, 23, 43);
    --sidebar-foreground: rgb(248, 250, 252);
    --sidebar-primary: rgb(20, 71, 230);
    --sidebar-primary-foreground: rgb(248, 250, 252);
    --sidebar-accent: rgb(29, 41, 61);
    --sidebar-accent-foreground: rgb(248, 250, 252);
    --sidebar-border: rgba(255, 255, 255, 0.1);
    --sidebar-ring: rgb(106, 114, 130);
  }
}