/* 1DW — Design tokens (from PRODUCT_DESIGN.md + Claude Design prototype) */
:root {
  /* Core */
  --color-primary: #6B2D3A;
  --color-primary-light: #8B4050;
  --color-bar: #F78C95;

  /* Backgrounds */
  --color-pink: #F8E8E8;
  --color-lavender: #EBE5F0;
  --color-white: #FFFFFF;

  /* Grid */
  --color-dashed: #C09090;

  /* Task status */
  --color-done: #2E7D32;
  --color-skip: #C62828;
  --color-defer: #1565C0;
  --color-partial: #1565C0;

  /* Gamification */
  --color-flame-pink: #FF5722;
  --color-flame-purple: #7B1FA2;
  --color-streak: #FFB300;
  --color-xp: #43A047;

  /* Semantic aliases */
  --text-body: var(--color-primary);
  --text-heading: var(--color-primary);
  --text-muted: var(--color-primary-light);
  --surface-page: var(--color-white);
  --surface-slot-primary: var(--color-pink);
  --surface-slot-secondary: var(--color-lavender);
  --border-grid: var(--color-dashed);
  --border-strong: var(--color-primary);
  --accent-active: var(--color-bar);
  --overlay-today: rgba(247, 140, 149, 0.7);

  /* Typography */
  --font-serif-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  --font-serif-body: 'Times New Roman', Georgia, serif;

  --weight-display: 900;
  --weight-display-alt: 700;
  --weight-body: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  --text-project: 15px;
  --text-task-label: 12.5px;
  --text-task-cell: 11.5px;
  --text-event: 10.5px;
  --text-date: 16px;
  --text-priority: 11px;

  --tracking-project: 0.5px;
  --tracking-label: 0.3px;

  /* Spacing */
  --row-height: 46px;
  --project-bar-height: 18px;
  --cell-pad: 6px;
  --slot-gap: 5px;
  --grid-line: 1px dashed var(--color-dashed);
  --radius-bar: 0 1.5px 1.5px 0;
  --radius-checkbox: 3.5px;
  --radius-control: 5px;
  --radius-pill: 999px;

  /* Safe areas (Capacitor/iOS) */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}