/* Tro On shared design tokens.
   Brand source of truth: cream + amber CTA + deep navy/teal + serif headings.
*/

:root {
  --bg: #FAF7F1;
  --ink: #16241F;
  --ink-soft: #3E4C46;
  --muted: #6B7768;
  --line: #E4DDCC;
  --card: #FFFFFF;
  --primary: #0F5257;
  --primary-dark: #0A3A3D;
  --primary-tint: #E4EFEE;
  --accent: #E8A33D;
  --accent-dark: #B9751C;
  --danger: #B23B3B;

  --map-accent: #2D6FF0;
  --map-accent-dark: #0A1B6B;
  --map-accent-soft: #EAF4FF;
  --map-cyan: #3ED6F0;
  --rating-star: #F5DC6E;

  --surface: var(--card);
  --surface-soft: #FBF4E8;
  --soft: var(--primary-tint);
  --text: var(--ink);
  --line-strong: #CFC4AE;
  --star: var(--rating-star);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius: var(--radius-md);

  --shadow-sm: 0 8px 22px rgba(22, 36, 31, .08);
  --shadow: 0 2px 4px rgba(22, 36, 31, .04), 0 8px 24px rgba(22, 36, 31, .06);
  --shadow-lg: 0 24px 70px rgba(22, 36, 31, .18);

  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: Fraunces, Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font: var(--font-body);

  --maxw: 1200px;
  --radar-nav-h: 73px;
}