/*
 * Cattle Capital semantic design tokens
 * Canonical source for the public site and authenticated application.
 */
:root {
  color-scheme: dark;

  --color-midnight-ranch: #101b27;
  --color-deep-stable: #0d1721;
  --color-slate-stall: #16232f;
  --color-raised-slate: #1b2b39;
  --color-cattle-gold: #e0a44c;
  --color-cattle-gold-hover: #ebb662;
  --color-parchment: #f2ede3;
  --color-pasture-green: #7fb069;
  --color-clay-red: #e98270;
  --color-ledger-blue: #5b8db8;

  --background: var(--color-midnight-ranch);
  --foreground: var(--color-parchment);
  --card: var(--color-slate-stall);
  --card-foreground: var(--color-parchment);
  --popover: var(--color-slate-stall);
  --popover-foreground: var(--color-parchment);
  --primary: var(--color-cattle-gold);
  --primary-hover: var(--color-cattle-gold-hover);
  --primary-foreground: var(--color-deep-stable);
  --secondary: var(--color-raised-slate);
  --secondary-foreground: var(--color-parchment);
  --muted: var(--color-raised-slate);
  --muted-foreground: rgb(242 237 227 / 74%);
  --subtle-foreground: rgb(242 237 227 / 58%);
  --accent: #223545;
  --accent-foreground: var(--color-parchment);
  --destructive: var(--color-clay-red);
  --destructive-foreground: var(--color-parchment);
  --border: rgb(242 237 227 / 10%);
  --border-strong: rgb(242 237 227 / 16%);
  --input: rgb(242 237 227 / 14%);
  --ring: var(--color-cattle-gold);
  --success: var(--color-pasture-green);
  --warning: var(--color-cattle-gold);
  --chart-1: var(--color-cattle-gold);
  --chart-2: var(--color-pasture-green);
  --chart-3: var(--color-ledger-blue);
  --chart-4: var(--color-clay-red);
  --chart-5: #b892d1;
  --sidebar: var(--color-deep-stable);
  --sidebar-foreground: var(--color-parchment);
  --sidebar-primary: var(--color-cattle-gold);
  --sidebar-primary-foreground: var(--color-deep-stable);
  --sidebar-accent: var(--color-slate-stall);
  --sidebar-accent-foreground: var(--color-parchment);
  --sidebar-border: rgb(242 237 227 / 10%);
  --sidebar-ring: var(--color-cattle-gold);

  --font-sans: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-editorial: "Cormorant Garamond", Georgia, serif;
  --font-script: "Beloved Collection", "Brush Script MT", cursive;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.875rem;
  --radius-pill: 999px;

  --shadow-surface: 0 1px 2px rgb(5 13 20 / 35%), 0 12px 32px -18px rgb(5 13 20 / 70%);
  --shadow-elevated: 0 20px 60px -24px rgb(5 13 20 / 82%);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 160ms;
  --duration-normal: 240ms;
  --content-max: 88rem;
  --content-reading: 65ch;

  /* Compatibility aliases while legacy marketing selectors are migrated. */
  --deep: var(--color-deep-stable);
  --field: var(--background);
  --ink: var(--foreground);
  --gold: var(--primary);
  --paper: var(--foreground);
  --mut: var(--subtle-foreground);
  --mut-2: rgb(242 237 227 / 58%);
  --line: var(--border);
  --line-strong: var(--border-strong);
  --gold-dim: rgb(224 164 76 / 12%);
  --gold-line: rgb(224 164 76 / 35%);
  --ok: var(--success);
  --warn: var(--warning);
  --bad: var(--destructive);
  --radius: var(--radius-sm);
  --font: var(--font-body);
  --mono: var(--font-mono);
}