/*
 * StackGrade frontend brand tokens.
 *
 * This file is an exact mirror of the CSS custom property values declared
 * in stack-selector/src/index.css. It exists to externalise centralized
 * control so future changes have one place to edit without touching the
 * immutable stack-selector/ source tree.
 *
 * Rules: never deviate from the values Lovable ships. Do not add visual
 * overrides here — use overrides.css only for deliberate visual changes
 * explicitly requested by the user.
 */

:root {
  --background: 36 33% 97%;
  --foreground: 220 25% 12%;

  --card: 36 25% 99%;
  --card-foreground: 220 25% 12%;

  --popover: 0 0% 100%;
  --popover-foreground: 220 25% 12%;

  --primary: 172 50% 22%;
  --primary-foreground: 36 33% 97%;

  --secondary: 36 20% 93%;
  --secondary-foreground: 220 25% 12%;

  --muted: 36 14% 92%;
  --muted-foreground: 220 10% 46%;

  --accent: 28 72% 52%;
  --accent-foreground: 0 0% 100%;

  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;

  --border: 36 16% 88%;
  --input: 36 16% 88%;
  --ring: 172 50% 22%;

  --radius: 0.5rem;

  --success: 152 55% 36%;
  --success-foreground: 0 0% 100%;

  --cta: 172 50% 22%;
  --cta-foreground: 36 33% 97%;
  --cta-hover: 172 50% 18%;

  --surface-elevated: 0 0% 100%;
  --surface-sunken: 36 25% 95%;

  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 240 5.3% 26.1%;
  --sidebar-primary: 172 50% 22%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 240 4.8% 95.9%;
  --sidebar-accent-foreground: 240 5.9% 10%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 172 50% 22%;
}