:root {
  /* ===== Brand tokens — FairBuildings (derived from logo) ===== */

  /* Primary — green wave (#648D46): the identity-defining mark */
  --primary: oklch(0.596 0.110 134);
  --primary-foreground: oklch(0.98 0.01 134);

  /* Accent — orange highlight (#F17344): the pop / call-to-action */
  --accent: oklch(0.696 0.168 40);
  --accent-foreground: oklch(0.27 0.06 40);

  /* Base surfaces */
  --background: oklch(0.985 0.004 250);
  --foreground: oklch(0.263 0.046 250);          /* navy #12263A */
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.263 0.046 250);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.263 0.046 250);

  /* Neutrals — tinted toward the navy hue */
  --secondary: oklch(0.95 0.008 250);
  --secondary-foreground: oklch(0.30 0.04 250);
  --muted: oklch(0.96 0.006 250);
  --muted-foreground: oklch(0.50 0.02 250);

  /* Borders, inputs, focus ring */
  --border: oklch(0.90 0.008 250);
  --input: oklch(0.90 0.008 250);
  --ring: oklch(0.596 0.110 134);

  /* ===== Functional tokens — standard, not brand-driven ===== */
  --destructive: oklch(0.58 0.22 27);
  --destructive-foreground: oklch(0.98 0.01 27);
  --success: oklch(0.62 0.15 150);
  --success-foreground: oklch(0.98 0.01 150);
  --warning: oklch(0.80 0.16 80);
  --warning-foreground: oklch(0.28 0.05 80);
  --info: oklch(0.62 0.13 240);
  --info-foreground: oklch(0.98 0.01 240);

  /* ===== Layout tokens — unchanged ===== */
  --radius: 0.625rem;
}