@import "tailwindcss";
@plugin "daisyui" {
  themes: false;
}

/* Light theme — teal-led, navy accent, drawn from the SOC2Check logo. */
@plugin "daisyui/theme" {
  name: "light";
  default: true;
  prefersdark: false;
  color-scheme: light;

  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(97.5% 0.004 247);
  --color-base-300: oklch(92% 0.006 247);
  --color-base-content: oklch(27% 0.045 258);

  --color-primary: oklch(64% 0.105 196);
  --color-primary-content: oklch(99% 0.01 196);
  --color-secondary: oklch(32% 0.065 258);
  --color-secondary-content: oklch(98% 0.01 258);
  --color-accent: oklch(32% 0.065 258);
  --color-accent-content: oklch(98% 0.01 258);
  --color-neutral: oklch(29% 0.06 258);
  --color-neutral-content: oklch(96% 0.008 258);

  --color-info: oklch(62% 0.13 235);
  --color-info-content: oklch(99% 0.01 235);
  --color-success: oklch(62% 0.13 158);
  --color-success-content: oklch(99% 0.01 158);
  --color-warning: oklch(76% 0.13 75);
  --color-warning-content: oklch(28% 0.05 75);
  --color-error: oklch(58% 0.18 27);
  --color-error-content: oklch(99% 0.01 27);

  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

/* Dark theme — navy-charcoal surfaces, brightened teal for contrast. */
@plugin "daisyui/theme" {
  name: "dark";
  default: false;
  prefersdark: true;
  color-scheme: dark;

  --color-base-100: oklch(21% 0.022 258);
  --color-base-200: oklch(25% 0.024 258);
  --color-base-300: oklch(31% 0.027 258);
  --color-base-content: oklch(92% 0.008 247);

  --color-primary: oklch(70% 0.11 196);
  --color-primary-content: oklch(20% 0.03 258);
  --color-secondary: oklch(72% 0.05 250);
  --color-secondary-content: oklch(20% 0.03 258);
  --color-accent: oklch(72% 0.05 250);
  --color-accent-content: oklch(20% 0.03 258);
  --color-neutral: oklch(38% 0.03 258);
  --color-neutral-content: oklch(94% 0.008 247);

  --color-info: oklch(70% 0.12 235);
  --color-info-content: oklch(20% 0.03 235);
  --color-success: oklch(70% 0.13 158);
  --color-success-content: oklch(20% 0.03 158);
  --color-warning: oklch(80% 0.13 75);
  --color-warning-content: oklch(25% 0.05 75);
  --color-error: oklch(66% 0.17 27);
  --color-error-content: oklch(20% 0.03 27);

  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

@theme {
  --font-sans: "InterVariable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@font-face {
  font-family: "InterVariable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/InterVariable-884c49a1.woff2") format("woff2");
}

@layer base {
  html {
    font-family: var(--font-sans);
  }
}