/* Medina Map — shared design tokens (keep in sync with SEO sharedCss) */
:root {
  /* Surfaces */
  --base: #F3F7F4;
  --surface: #FFFFFF;
  --surface-muted: #E8F0EB;
  --panel: var(--surface);

  /* Text */
  --ink: #1A2E24;
  --text-primary: var(--ink);
  --text-secondary: #5A6F64;
  --text-muted: #7A8F84;
  --muted: var(--text-secondary);

  /* Accent */
  --sky: #4A9B75;
  --sky-deep: #3D8F6A;
  --accent: var(--sky);
  --accent-deep: var(--sky-deep);

  /* Borders & shadows */
  --border: #D5E0D8;
  --shadow-hair: 0 1px 2px rgba(26, 46, 36, 0.04);
  --shadow-md: 0 8px 24px rgba(26, 46, 36, 0.10);

  /* Semantic */
  --success: #3D8F6A;
  --warning: #C4A35A;
  --error: #C45A5A;

  /* Kind tiles */
  --tile-hostel: #DDE8E2;
  --tile-year: #D5E6DC;
  --tile-month: #E2EFE8;
  --tile-night: #E8F3EC;

  /* Contacts */
  --wa: #25D366;
  --tg: #2AABEE;

  /* Layout */
  --side-w: 400px;
  --tabs-h: 56px;
  --header-h: 56px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --r-sm: var(--radius-sm);
  --r-md: var(--radius-md);
  --r-lg: var(--radius-lg);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Typography */
  --font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}