/* ==========================================================================
   Atlantic Boat Market - Core tokens
   --------------------------------------------------------------------------
   Source de verite progressive pour les couleurs, surfaces, rayons, ombres
   et dimensions ABM. Charge avant les anciens CSS pour eviter tout changement
   brutal de rendu.

   Breakpoints documentes :
   - xs: 420px
   - sm: 560px
   - md: 720px
   - lg: 900px
   - xl: 1180px
   - 2xl: 1440px
   Note : les custom properties ne sont pas utilisables directement dans les
   media queries natives. Les valeurs ci-dessous servent de reference.
   ========================================================================== */

:root {
  /* Brand */
  --abm-color-navy: #0F2740;
  --abm-color-navy-deep: #0B2545;
  --abm-color-navy-soft: #14375A;
  --abm-color-amber: #F5B301;
  --abm-color-amber-soft: #F7C542;
  --abm-color-amber-strong: #C88700;
  --abm-color-amber-dark: #8A6200;

  /* Functional */
  --abm-color-success: #10B981;
  --abm-color-success-dark: #065F46;
  --abm-color-warning: #F59E0B;
  --abm-color-warning-dark: #92400E;
  --abm-color-danger: #EF4444;
  --abm-color-danger-dark: #991B1B;
  --abm-color-info: #2563EB;
  --abm-color-info-soft: #EEF5FF;

  /* Surfaces */
  --abm-color-bg: #F6F8FB;
  --abm-color-bg-soft: #F8FAFC;
  --abm-color-surface: #FFFFFF;
  --abm-color-surface-raised: #FBFCFE;
  --abm-color-surface-muted: #F1F5F9;

  /* Text */
  --abm-color-text: #111827;
  --abm-color-text-soft: #334155;
  --abm-color-muted: #64748B;
  --abm-color-muted-strong: #475569;
  --abm-color-inverse: #FFFFFF;

  /* Borders */
  --abm-border-subtle: rgba(15, 39, 64, 0.10);
  --abm-border-default: rgba(15, 39, 64, 0.14);
  --abm-border-strong: rgba(15, 39, 64, 0.20);
  --abm-border-amber: rgba(245, 179, 1, 0.34);

  /* Radius */
  --abm-radius-xs: 8px;
  --abm-radius-sm: 12px;
  --abm-radius-md: 16px;
  --abm-radius-lg: 20px;
  --abm-radius-xl: 24px;
  --abm-radius-2xl: 32px;
  --abm-radius-pill: 999px;

  /* Shadows */
  --abm-shadow-xs: 0 4px 10px rgba(15, 39, 64, 0.04);
  --abm-shadow-sm: 0 8px 20px rgba(15, 39, 64, 0.06);
  --abm-shadow-md: 0 18px 42px rgba(15, 39, 64, 0.08);
  --abm-shadow-lg: 0 24px 60px rgba(15, 39, 64, 0.12);
  --abm-shadow-premium: 0 30px 80px rgba(11, 37, 69, 0.16);
  --abm-shadow-focus: 0 0 0 4px rgba(245, 179, 1, 0.24);

  /* Layout */
  --abm-container-sm: 960px;
  --abm-container: 1180px;
  --abm-container-lg: 1440px;
  --abm-container-xl: 1520px;
  --abm-page-gutter: 28px;
  --abm-page-gutter-mobile: 18px;

  /* Z-index */
  --abm-z-base: 1;
  --abm-z-dropdown: 1000;
  --abm-z-sticky: 1020;
  --abm-z-fixed: 1030;
  --abm-z-modal: 1050;
  --abm-z-toast: 1080;
  --abm-z-loader: 3000;

  /* Motion */
  --abm-transition-fast: 0.16s ease;
  --abm-transition: 0.18s ease;
  --abm-transition-medium: 0.22s ease;

  /* Legacy aliases kept for progressive migration. */
  --abm-bg: var(--abm-color-bg);
  --abm-bg-2: var(--abm-color-bg-soft);
  --abm-surface: var(--abm-color-surface);
  --abm-surface-soft: rgba(255, 255, 255, 0.94);
  --abm-surface-glass: rgba(255, 255, 255, 0.74);
  --abm-ink: var(--abm-color-text);
  --abm-ink-soft: var(--abm-color-text-soft);
  --abm-muted: var(--abm-color-muted);
  --abm-muted-2: var(--abm-color-muted-strong);
  --abm-line: var(--abm-border-subtle);
  --abm-line-strong: var(--abm-border-default);
  --abm-navy: var(--abm-color-navy);
  --abm-primary: var(--abm-color-navy-deep);
  --abm-primary-2: var(--abm-color-navy-soft);
  --abm-primary-3: var(--abm-color-navy-soft);
  --abm-accent: var(--abm-color-amber);
  --abm-accent-2: var(--abm-color-amber-strong);
  --abm-accent-soft: rgba(245, 179, 1, 0.12);
  --abm-amber: var(--abm-color-amber);
  --abm-amber-700: var(--abm-color-amber-strong);
  --abm-amber-soft: rgba(245, 179, 1, 0.14);
  --abm-blue: var(--abm-color-info);
  --abm-green: var(--abm-color-success);
  --abm-success: var(--abm-color-success);
  --abm-warning: var(--abm-color-warning);
  --abm-red: var(--abm-color-danger);
  --abm-danger: var(--abm-color-danger);
  --abm-soft: var(--abm-color-bg);
  --abm-pill: var(--abm-radius-pill);
  --abm-shadow: var(--abm-shadow-md);
  --abm-fast: var(--abm-transition-fast);
  --abm-med: var(--abm-transition-medium);

  /* Breakpoint references */
  --abm-breakpoint-xs: 420px;
  --abm-breakpoint-sm: 560px;
  --abm-breakpoint-md: 720px;
  --abm-breakpoint-lg: 900px;
  --abm-breakpoint-xl: 1180px;
  --abm-breakpoint-2xl: 1440px;
}