/* MisterBest — design tokens (contract: 1:1 from
   ~/VAULT/20-Pro/Misterbest/_Design/design-system/tokens.json — never hand-drift).
   B1 canonical values are AG-locked; see charte-brand.md. */

:root {
  /* light (default theme) */
  --background: #FBFAF7;
  --foreground: #111111;
  --card: #FFFFFF;
  --card-foreground: #111111;
  --popover: #FFFFFF;
  --popover-foreground: #111111;
  --primary: #1C4B3C;
  --primary-foreground: #F5F4F0;
  --link: #1C4B3C;
  --secondary: #E7EEE9;
  --secondary-foreground: #143C30;
  --muted: #F0EFE8;
  --muted-foreground: #5C6660;
  --accent: #E1ECE6;
  --accent-foreground: #143C30;
  --destructive: #A03B2C;
  --destructive-foreground: #FFF6F4;
  --success: #22684C;
  --success-foreground: #F2FBF6;
  --warning: #7A5A12;
  --warning-foreground: #FFFBEE;
  --border: #DCDAD1;
  --input: #C9CFC9;
  --input-background: #FFFFFF;
  --input-placeholder: #8B948E;
  --ring: #1C4B3C;

  /* layout & type */
  --radius: 0.75rem;
  --font-base: "Quicksand", ui-rounded, -apple-system, "Segoe UI", sans-serif;
  --page-max: 1200px;

  /* type scale (base 16) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-display: 4rem;
}

/* dark theme — explicit toggle */
:root[data-theme="dark"] {
  --background: #14151A;
  --foreground: #F5F4F0;
  --card: #1B1D23;
  --card-foreground: #F5F4F0;
  --popover: #1B1D23;
  --popover-foreground: #F5F4F0;
  --primary: #496F63;
  --primary-foreground: #F5F4F0;
  --link: #93BCAB;
  --secondary: #23272C;
  --secondary-foreground: #F5F4F0;
  --muted: #1F2126;
  --muted-foreground: #A2ABA5;
  --accent: #22302B;
  --accent-foreground: #D9E5DE;
  --destructive: #D2705F;
  --destructive-foreground: #14151A;
  --success: #7DBA9E;
  --success-foreground: #14151A;
  --warning: #CDA24D;
  --warning-foreground: #14151A;
  --border: #2A2D33;
  --input: #343940;
  --input-background: #1B1D23;
  --input-placeholder: #6E7772;
  --ring: #7FA99A;
}

/* dark theme — OS preference (unless explicitly overridden to light) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #14151A;
    --foreground: #F5F4F0;
    --card: #1B1D23;
    --card-foreground: #F5F4F0;
    --popover: #1B1D23;
    --popover-foreground: #F5F4F0;
    --primary: #496F63;
    --primary-foreground: #F5F4F0;
    --link: #93BCAB;
    --secondary: #23272C;
    --secondary-foreground: #F5F4F0;
    --muted: #1F2126;
    --muted-foreground: #A2ABA5;
    --accent: #22302B;
    --accent-foreground: #D9E5DE;
    --destructive: #D2705F;
    --destructive-foreground: #14151A;
    --success: #7DBA9E;
    --success-foreground: #14151A;
    --warning: #CDA24D;
    --warning-foreground: #14151A;
    --border: #2A2D33;
    --input: #343940;
    --input-background: #1B1D23;
    --input-placeholder: #6E7772;
    --ring: #7FA99A;
  }
}