/* ShoreStay Design Tokens */

:root {
  /* Brand colours */
  --color-teal:         #12a8d6;
  --color-teal-light:   #4fc8e8;
  --color-teal-bg:      #e8fbfc;
  --color-teal-border:  #d0eef4;
  --color-navy:         #052030;
  --color-navy-mid:     #3a6878;
  --color-muted:        #9ab8c0;

  /* Semantic */
  --color-bg:           #f8fcfd;
  --color-surface:      #ffffff;
  --color-border:       #e8f4f8;
  --color-accent-amber: #f5a623;
  --color-error:        #d63a3a;
  --color-success:      #2fa84a;

  /* Typography */
  --font-display:  'Playfair Display', Georgia, serif;
  --font-ui:       'Plus Jakarta Sans', system-ui, sans-serif;

  /* Shadows */
  --shadow-card:   0 2px 12px rgba(5, 32, 48, 0.06);
  --shadow-float:  0 8px 28px rgba(5, 32, 48, 0.14);
  --shadow-teal:   0 6px 18px rgba(18, 168, 214, 0.40);

  /* Radii */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* Spacing (8-pt grid) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
}