/* ==========================================================================
   AMB Design Tokens
   Single source of truth for color, spacing, radius, and type values.
   Mirrors the Elementor Global Colors / Global Fonts — keep these in sync
   whenever Site Settings change. Extracted from the AMB logo (#0004FE /
   #FFFC00) and the approved single-product page.
   ========================================================================== */

:root {
  /* Brand marks — reserve for the literal logo, not UI surfaces */
  --amb-color-brand-blue: #0004FE;
  --amb-color-brand-yellow: #FFFC00;

  /* Primary (desaturated from brand blue for large UI surfaces) */
  --amb-color-primary: #2A3EC4;
  --amb-color-primary-dark: #12163A;
  --amb-color-primary-light: #E7E9FB;

  /* Accent (desaturated from brand yellow) */
  --amb-color-accent: #F0B429;
  --amb-color-accent-dark: #C98F14;

  /* Neutrals */
  --amb-color-background: #FAF7F0;   /* warm page background */
  --amb-color-surface: #FFFFFF;      /* cards, inputs, panels */
  --amb-color-surface-alt: #FFFDF9;  /* modals, dropdowns, elevated surfaces */
  --amb-color-border: #E7E2D6;
  --amb-color-text: #12163A;
  --amb-color-text-muted: #5B6178;
  --amb-color-text-faint: #9CA3AF;

  /* Semantic */
  --amb-color-success: #2F8F5B;
  --amb-color-success-bg: #E7F5EC;
  --amb-color-warning: #E8A93B;
  --amb-color-warning-bg: #FFF6E0;
  --amb-color-error: #D14343;
  --amb-color-error-bg: #FDECEC;
  --amb-color-info: #3B6FE8;
  --amb-color-info-bg: #E9EEFC;

  /* Typography */
  --amb-font-base: 'Outfit', sans-serif;
  --amb-fs-display: 44px;
  --amb-fs-h1: 34px;
  --amb-fs-h2: 26px;
  --amb-fs-h3: 20px;
  --amb-fs-h4: 17px;
  --amb-fs-body: 16px;
  --amb-fs-small: 14px;
  --amb-fs-caption: 13px;
  --amb-fs-button: 14px;
  --amb-lh-heading: 1.2;
  --amb-lh-body: 1.65;

  /* Spacing scale */
  --amb-space-4: 4px;
  --amb-space-8: 8px;
  --amb-space-12: 12px;
  --amb-space-16: 16px;
  --amb-space-24: 24px;
  --amb-space-32: 32px;
  --amb-space-48: 48px;
  --amb-space-64: 64px;
  --amb-space-80: 80px;
  --amb-space-96: 96px;
  --amb-space-120: 120px;

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

  /* Elevation */
  --amb-shadow-sm: 0 2px 8px rgba(18, 22, 58, 0.06);
  --amb-shadow-md: 0 8px 24px rgba(18, 22, 58, 0.1);
  --amb-shadow-lg: 0 20px 60px rgba(18, 22, 58, 0.18);

  /* Layout */
  --amb-content-width: 1200px;
  --amb-content-width-wide: 1400px;

  /* Motion */
  --amb-transition-fast: 120ms ease;
  --amb-transition-base: 200ms ease;
}