:root {
  /* ── Brand blue — from AMS Baeshen logo ── */
  --c-blue:        #228FCA;
  --c-blue-light:  #5BB5E0;
  --c-blue-lighter:#A3D5F0;
  --c-blue-dark:   #1565A0;
  --c-blue-deeper: #0D3A5C;
  --c-blue-tint:   #EBF5FC;

  /* ── Legacy alias ── */
  --c-gold:        var(--c-blue);
  --c-gold-light:  var(--c-blue-light);
  --c-gold-dark:   var(--c-blue-dark);

  /* ── Dark backgrounds ── */
  --c-dark:        #080C10;
  --c-dark-2:      #0D1318;
  --c-dark-3:      #131B22;
  --c-mid:         #1E2C38;
  --c-mid-light:   #2A3D50;

  /* ── Text ── */
  --c-cream:       #EEF4F8;
  --c-cream-dark:  #D6E4EE;
  --c-text:        #E8F2F8;
  --c-text-muted:  #6A8FA8;
  --c-white:       #FFFFFF;

  /* ── Accent gradients ── */
  --c-green:       #0D2A1E;
  --c-green-mid:   #143D2C;
  --c-brown:       #1A1208;

  /* ── Typography ── */
  --font-serif:    'Cormorant Garamond', Georgia, serif;
  --font-sans:     'Inter', system-ui, sans-serif;

  /* ── Spacing ── */
  --sp-xs:   0.5rem;
  --sp-sm:   1rem;
  --sp-md:   2rem;
  --sp-lg:   4rem;
  --sp-xl:   8rem;
  --sp-2xl:  12rem;

  /* ── Layout ── */
  --container: 1320px;
  --gutter:    clamp(1.5rem, 5vw, 4rem);

  /* ── Motion ── */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-expo:   cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast:  0.3s;
  --duration-med:   0.6s;
  --duration-slow:  1.2s;

  /* ── Z-index ── */
  --z-base:      1;
  --z-canvas:    2;
  --z-content:   10;
  --z-nav:       100;
  --z-overlay:   200;
  --z-cursor:    999;
  --z-preloader: 1000;
}