/* Visual tokens only. Do not add brand names, product copy, or hex values elsewhere. */

:root {
  /* Surfaces */
  --bg: #f7f1ea;
  --bg-muted: #efe6dc;
  --surface: #fffaf4;

  /* Ink */
  --ink: #3f1830;
  --ink-soft: #6d4f5c;
  --ink-faint: #9a7f89;
  --on-primary: #fffaf4;

  /* Lines */
  --line: #e8ddd3;
  --line-strong: #d8c9bc;

  /* Interactive */
  --primary: #583850;
  --primary-hover: #3f1830;
  --primary-soft: #f3e8ee;
  --accent: #e07860;
  --accent-hover: #c9624d;
  --accent-soft: #fbece6;

  /* Status — progress ring uses ok, not primary */
  --ok: #5d6a4a;
  --ok-bg: #eef1e4;
  --ok-fg: #3f4a30;
  --warn: #b54708;
  --warn-bg: #fff6e8;
  --warn-fg: #9a3d06;
  --alert: #b42318;
  --alert-bg: #fef3f2;
  --alert-fg: #b42318;

  /* Focus */
  --focus: #583850;
  --shadow-focus: 0 0 0 3px rgba(88, 56, 80, 0.22);

  /* Elevation */
  --shadow-card: 0 1px 2px rgba(63, 24, 48, 0.04), 0 12px 28px rgba(63, 24, 48, 0.06);

  /* Radius */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Space (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Type */
  --font: Outfit, Inter, system-ui, -apple-system, sans-serif;
  --text-display: 48px;
  --text-feature: 32px;
  --text-title: 20px;
  --text-section: 16px;
  --text-body: 14px;
  --text-meta: 13px;
  --text-caption: 12px;
  --text-micro: 11px;
  --leading-tight: 1.2;
  --leading-body: 1.45;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Layout */
  --canvas-max: 1080px;
  --summary-width: 300px;
  --control-height: 40px;
  --chip-height: 36px;
  --avatar: 40px;
  --logo: 64px;
  --icon-sm: 16px;
  --icon: 18px;
  --icon-lg: 20px;
  --icon-stroke: 1.75;
  --ring-size: 28px;
  --cal-slot: 22px;
  --cal-minute: calc(var(--cal-slot) / 15);

  /* Motion */
  --duration-fast: 120ms;
  --duration: 180ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}