/* AI Weed Library — semantic color aliases
   Base scales live in fig-tokens.css (Figma Variables, verbatim values).
   This file layers the brand + semantic names actually used across the
   scoped component set on top of those bases. */
:root {
  /* Brand — the logo's leaf green. Not part of the Figma "theme" variable
     collection (that collection is neutral/monochrome, shadcn-style) —
     this is only ever used in the wordmark and logomark. */
  --brand-green: rgb(46,125,50);
  --brand-green-ink: rgb(37,100,40);

  /* Semantic surfaces (aliases onto --background/--card/--muted etc.
     from fig-tokens.css so components can read one consistent name) */
  --surface-page: var(--background);
  --surface-card: var(--card);
  --surface-muted: var(--muted);
  --surface-accent: var(--accent);

  --text-primary: var(--foreground);
  --text-secondary: var(--muted-foreground);
  --text-on-brand: var(--primary-foreground);

  --border-default: var(--border);
  --border-ring: var(--ring);

  /* Status / semantic */
  --status-success: var(--green-600);
  --status-success-bg: var(--green-100);
  --status-success-border: var(--green-300);
  --status-destructive: var(--destructive);
  --status-explanatory: var(--indigo-11);
  --status-warning: var(--yellow-600);
  --status-warning-bg: var(--yellow-100);

  /* Badge accent palette (from "special badges" / crop-tag family) */
  --badge-red: rgb(231,0,11);
  --badge-teal: var(--teal-600);
  --badge-teal-bg: var(--teal-100);
  --badge-green: var(--green-600);
  --badge-green-bg: var(--green-100);
  --badge-yellow: var(--yellow-600);
  --badge-yellow-bg: var(--yellow-100);
  --badge-fuchsia: var(--fuchsia-600);
  --badge-fuchsia-bg: var(--fuchsia-100);
  --badge-blue: var(--indigo-600);
  --badge-blue-bg: var(--indigo-100);

  /* Glass panel system — the recurring frosted-glass surface used for
     floating map overlays, dropdowns, dialogs, popovers */
  --glass-fill-strong: rgba(255,255,255,0.8);
  --glass-fill-medium: rgba(255,255,255,0.6);
  --glass-fill-soft: rgba(255,255,255,0.3);
  --glass-highlight: rgba(255,255,255,0.4);
  --glass-blur-lg: 20px;
  --glass-blur-md: 16px;
  --glass-shadow-lg: inset 0 1px 2px 0 var(--glass-highlight), 0 12px 32px 0 rgba(0,0,0,0.12);
  --glass-shadow-md: inset 0 1px 2px 0 var(--glass-highlight), 0 4px 12px 0 rgba(0,0,0,0.05);
}