/* =========================================================
   Mastri Tour-Server — Design Tokens
   Single source of truth. Loaded first in every dashboard.
   ========================================================= */

:root {
  /* Surfaces — warm paper, no pure white */
  --bg:        #f7f5f0;
  --bg-elev:   #fbfaf6;
  --bg-sunk:   #ede9e0;
  --bg-warm:   #f3efe5;

  /* Foregrounds — deep ink, never pure black */
  --fg:        #1f2330;
  --fg-muted:  #5a5f6b;
  --fg-faint:  #98948a;

  /* Borders — hair-thin, warm */
  --border:        #d8d2c3;
  --border-strong: #b8b1a0;

  /* Accent — restrained ink blue (every interactive surface) */
  --accent:        #1f4d6b;
  --accent-dark:   #163a52;
  --accent-soft:   #e8eef3;
  --accent-fg:     #fbfaf6;

  /* Brand burgundy (from Mastri logo — used sparingly) */
  --brand:         #7a2238;
  --brand-soft:    #f4e6e9;

  /* Semantic — muted, never neon */
  --good:        #4a6b3d;
  --good-soft:   #ebefe3;
  --warn:        #8a5a1d;
  --warn-soft:   #f4ede0;
  --bad:         #8c2a2a;
  --bad-soft:    #efe1e1;

  /* Map pins */
  --pin-house:   #1f4d6b;
  --pin-park:    #8a5a1d;

  /* Shadows — only when truly needed */
  --shadow-sm:  0 1px 0 rgba(31, 35, 48, .04);
  --shadow-md:  0 2px 4px rgba(31, 35, 48, .05);
  --shadow-lg:  0 4px 18px rgba(31, 35, 48, .08);

  /* Radii — small, paper-like */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Layout */
  --tap:    48px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  /* Fonts */
  --font-serif: 'Cormorant Garamond', 'Iowan Old Style', 'Hoefler Text',
                Georgia, 'Times New Roman', serif;
  --font-sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter',
                'Helvetica Neue', sans-serif;
}

/* Dark theme is intentionally not provided here.
   The unified design lives in one warm palette across all dashboards. */
[data-theme="dark"] { color-scheme: light; }