/* monswim · Design tokens
 * Fondation CSS chargée globalement via frame_view.php, avant theme.css.
 * Toute feuille en aval peut consommer ces variables.
 *
 * Deux conventions cohabitent temporairement :
 *  - `--color-*` / `--space-*` / `--shadow-*` (refonte home : card_lieu, hero)
 *  - `--primary` / `--eau-*` / `--cat-*` / `--sh-*` (refonte events)
 */

:root {
  /* ───── Brand palette ───── */
  --color-primary:   #004b58;
  --color-secondary: #28a3b3;
  --color-tertiary:  #85edff;
  --color-accent:    #e77c31;

  --primary:         #004b58;
  --secondary:       #28a3b3;
  --tertiary:        #85edff;
  --accent:          #e77c31;

  --primary-dark:    #003842;
  --secondary-dark:  #1f8d9c;
  --secondary-light: #4fb8c6;
  --accent-dark:     #d36a1f;
  --accent-light:    #f29759;

  /* ───── Catégories de lieu (alignées sur les SVG markers) ───── */
  --color-type-piscine:        #00b8c4;
  --color-type-piscine-deep:   #007a85;
  --color-type-piscine-light:  #cff3f5;

  --color-type-lac:            #4ea350;
  --color-type-lac-deep:       #2a6b2c;
  --color-type-lac-light:      #dfeddf;

  --color-type-riviere:        #3e7bb6;
  --color-type-riviere-deep:   #24527f;
  --color-type-riviere-light:  #d9e6f2;

  --color-type-plage:          #e88a3d;
  --color-type-plage-deep:     #b25a12;
  --color-type-plage-light:    #faead7;

  --color-type-event:          #e77c31;
  --color-type-event-deep:     #a8530f;
  --color-type-event-light:    #fbe5d4;

  --color-type-club:           #7b5cd6;
  --color-type-club-deep:      #3f2d7a;
  --color-type-club-light:     #e6dff7;

  /* ───── Eaux (convention events) ───── */
  --eau-plage:      #1e88a8;
  --eau-lac:        #2da896;
  --eau-riviere:    #5fb4c9;
  --eau-piscine:    #85edff;

  /* ───── Catégories d'événement ───── */
  --cat-national:   #004b58;
  --cat-regional:   #28a3b3;
  --cat-meeting:    #1e88a8;
  --cat-interclubs: #5fb4c9;
  --cat-open:       #e77c31;
  --cat-waterpolo:  #6b4ea1;
  --cat-salon:      #2d8d5e;

  /* ───── Texte ───── */
  --color-text-primary:    #1a2329;
  --color-text-secondary:  #5a6770;
  --color-text-muted:      #8a9499;
  --color-text-on-dark:    #ffffff;

  --ink:        #0e1f24;
  --text:       #324148;
  --text-muted: #6b7c83;
  --text-subtle:#94a3aa;

  /* ───── Surfaces ───── */
  --color-surface:      #ffffff;
  --color-surface-alt:  #f6f8f9;
  --color-border:       #e4e8eb;

  --surface:     #ffffff;
  --bg:          #f6f9fa;
  --bg-cream:    #fefcf9;
  --border:      #e3e8eb;
  --border-soft: #eef2f4;

  /* ───── Feedback ───── */
  --color-verified: #1fb574;

  /* ───── Spacing (base 4) ───── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* ───── Radius ───── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* ───── Shadows (teintées primary) ───── */
  --shadow-sm: 0 1px 2px rgba(0, 75, 88, 0.06), 0 1px 3px rgba(0, 75, 88, 0.04);
  --shadow-md: 0 2px 6px rgba(0, 75, 88, 0.08), 0 4px 12px rgba(0, 75, 88, 0.06);
  --shadow-lg: 0 4px 16px rgba(0, 75, 88, 0.10), 0 8px 24px rgba(0, 75, 88, 0.08);

  --sh-xs: 0 1px 2px rgba(0, 75, 88, 0.06);
  --sh-sm: 0 2px 6px rgba(0, 75, 88, 0.08);
  --sh-md: 0 6px 18px rgba(0, 75, 88, 0.10);
  --sh-lg: 0 16px 40px rgba(0, 75, 88, 0.14);

  /* ───── Typo ───── */
  --font-monswim: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}