/* ============================================================
   theme.css — Design tokens ONLY.
   All colors, radii, shadows, and font refs live here.
   Never write color values anywhere else — use these vars.
   ============================================================ */

:root {
  /* ── Surfaces ──────────────────────────────────────────── */
  --bg:           #FAF9F5;
  --bg-warm:      #F5F1EB;
  --surface:      #FFFFFF;
  --surface-2:    #F9F6F0;
  --border:       #E8E2D4;
  --border-strong:#D9D1BE;

  /* ── Text ──────────────────────────────────────────────── */
  --ink:   #2B2A26;
  --ink-2: #5A564C;
  --muted: #8B8678;

  /* ── Accent (coral) ────────────────────────────────────── */
  --accent:      #D97757;
  --accent-deep: #B95A3C;
  --accent-soft: #F1D9CB;

  /* ── Semantic ──────────────────────────────────────────── */
  --success:      #6B8A4E;  --success-soft: #E2EAD3;
  --warn:         #C99A3B;  --warn-soft:    #F2E2BE;
  --danger:       #B85547;  --danger-soft:  #F0D5CF;
  --info:         #6B7FAA;  --info-soft:    #DDE3EF;

  /* ── Radii ─────────────────────────────────────────────── */
  --radius:    14px;
  --radius-sm: 10px;
  --radius-xs: 7px;

  /* ── Shadows ───────────────────────────────────────────── */
  --shadow:    0 1px 0 rgba(43,42,38,.04),  0 6px 24px -12px rgba(43,42,38,.10);
  --shadow-lg: 0 2px 0 rgba(43,42,38,.05),  0 24px 48px -24px rgba(43,42,38,.18);
  --shadow-sm: 0 1px 0 rgba(43,42,38,.03),  0 2px 8px  -4px  rgba(43,42,38,.08);

  /* ── Typography ────────────────────────────────────────── */
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui:      'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    'Geist Mono', 'Courier New', monospace;

  /* ── Layout ────────────────────────────────────────────── */
  --sidebar-width:        248px;
  --sidebar-width-mobile: 280px;
  --topbar-height:        64px;

  /* ── iOS safe-area insets ──────────────────────────────── */
  --sat: env(safe-area-inset-top,    0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left,   0px);
  --sar: env(safe-area-inset-right,  0px);

  /* ── Bootstrap 5 overrides ─────────────────────────────── */
  --bs-primary:           #D97757;
  --bs-primary-rgb:       217, 119, 87;
  --bs-body-bg:           #FAF9F5;
  --bs-body-color:        #2B2A26;
  --bs-body-font-family:  'Geist', -apple-system, system-ui, sans-serif;
  --bs-border-color:      #E8E2D4;
  --bs-border-radius:     10px;
  --bs-border-radius-lg:  14px;
  --bs-link-color:        #D97757;
  --bs-link-hover-color:  #B95A3C;
  --bs-focus-ring-color:  rgba(217,119,87,.25);
}