/*
 * Brand theme — colors and typography for Argos.
 *
 * Argos is the single product brand. The aubergine palette + Space Grotesk
 * typography below are the brand identity; globals.css holds the neutral
 * design-system tokens and reads --primary / --accent* / --font-* from here.
 */

:root {
  /* ───────── Color palette ───────── */

  /* Primary brand — aubergine */
  --primary: #6b2150;
  --accent: #faeef4;
  --accent-foreground: #6b2150;
  --ring: #6b2150;
  --chart-1: #6b2150;
  --sidebar-primary: #6b2150;
  --sidebar-accent: #faeef4;
  --sidebar-accent-foreground: #6b2150;
  --sidebar-ring: #6b2150;

  /* Brand state variants */
  --accent-hover: #571a42;
  --accent-pressed: #3d1030;
  --accent-subtle: #faeef4;
  --accent-text: #4a1538;
  --accent-border: #d4a0c0;

  /* ───────── Typography ───────── */

  /* Font families — Space Grotesk for body and display */
  --font-sans: var(--font-space), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: var(--font-space), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: var(--font-jb-mono), "Fira Code", ui-monospace, monospace;

  /* Type scale */
  --text-display: 2.25rem;
  --text-h1: 1.875rem;
  --text-h2: 1.5rem;
  --text-h3: 1.25rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-caption: 0.75rem;

  /* Font weights */
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Line heights */
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.05em;
}