/* Tuki Costa — color tokens
   One hue family: marine → petrol, on a cool off-white canvas. No competing accent colors.
   Hierarchy comes from VALUE (light↔dark), not hue. Palm + Brass are reserve tones for
   tiny functional signals only (success / ratings) — never decorative. */
:root {
  /* ---- base palette ---- */
  --canvas: #F8FBFC;        /* page background */
  --mist: #EDF1F4;          /* alternate section background */
  --sky: #D8E8F4;           /* subtle canvas glow, highlight text on dark */
  --border: #D7DFE4;        /* hairlines, input borders */

  --ink: #13293A;           /* foreground text */
  --ink-soft: #546878;      /* muted / secondary text */

  --petrol: #1F596B;        /* primary — brand, links, icons, secondary actions */
  --petrol-dark: #0F3548;   /* accent — CTA buttons, key highlights */
  --marine: #0E2939;        /* deepest tone — CTA band gradients */

  --palm: #416C62;          /* reserve — success states only */
  --brass: #9F8456;         /* reserve — ratings / awards only */

  /* ---- semantic aliases ---- */
  --surface-page: var(--canvas);
  --surface-alt: var(--mist);
  --surface-card: #FFFFFF;
  --text-primary: var(--ink);
  --text-muted: var(--ink-soft);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: rgba(255, 255, 255, 0.75);
  --accent-primary: var(--petrol);
  --accent-cta: var(--petrol-dark);
  --border-hairline: var(--border);
  --success: var(--palm);
  --rating: var(--brass);

  /* ---- HSL mirrors (Tailwind/shadcn semantic vars, as implemented in tukiclub-web) ---- */
  --background: 204 30% 98%; /* @kind color */
  --foreground: 206 50% 15%; /* @kind color */
  --primary: 194 55% 27%; /* @kind color */
  --accent: 200 65% 17%; /* @kind color */
  --secondary: 204 20% 94%; /* @kind color */
  --muted-foreground: 206 18% 40%; /* @kind color */
  --hairline: 206 20% 87%; /* @kind color */
}