/* ============================================================
   Eliten — Spacing, radius & layout tokens
   Base unit 0.25rem (4px). Radius base 0.5rem (8px); HeroUI multiplies
   it for nested surfaces. Card radii: rounded-3xl top-level, rounded-2xl nested.
   ============================================================ */

:root {
  /* Base spacing unit */
  --spacing: 0.25rem;          /* 4px */

  --space-1: 0.25rem;          /* 4px */
  --space-2: 0.5rem;           /* 8px */
  --space-3: 0.75rem;          /* 12px */
  --space-4: 1rem;             /* 16px */
  --space-5: 1.25rem;          /* 20px */
  --space-6: 1.5rem;           /* 24px */
  --space-8: 2rem;             /* 32px */
  --space-10: 2.5rem;          /* 40px */
  --space-12: 3rem;            /* 48px */
  --space-16: 4rem;            /* 64px */

  /* Radius — HeroUI base. radius*1.5 = field, *2 = rounded-2xl, *3 = rounded-3xl */
  --radius: 0.5rem;            /* 8px  — base */
  --radius-field: calc(var(--radius) * 1.5);   /* 12px — inputs */
  --radius-lg: calc(var(--radius) * 2);        /* 16px — nested cards, nav items */
  --radius-xl: calc(var(--radius) * 3);        /* 24px — top-level cards, composer */
  --radius-full: 9999px;       /* pills, buttons, avatars */

  /* Static layout tokens */
  --border-width: 1px;
  --disabled-opacity: 0.5; /* @kind other */
  --ring-offset-width: 2px;

  /* Container caps — used on product surfaces */
  --container-content: 48rem;   /* coach / tool main column */
  --container-about: 64rem;     /* marketing column */
  --container-pricing: 64rem;   /* pricing / credits grid */
  --container-bubble: 33.75rem; /* chat bubble */
  --container-auth: 28rem;      /* auth card */

  /* Sidebar */
  --sidebar-width: 264px;       /* expanded */
  --sidebar-rail: 64px;         /* icon-only rail */
}