/* ==========================================================================
   PT BAS - Design Tokens (single source of truth for colour, type, spacing)
   Light mode is the default; [data-theme="dark"] overrides surface + brand.
   ========================================================================== */
:root {
  /* Brand */
  --bas-primary: #0C5AA6;
  --bas-primary-bright: #1670C4;
  --bas-primary-700: #073A6D;
  --bas-primary-50: #E7F1FB;
  --bas-navy: #14243D;
  --bas-accent: #14B8D4;
  --bas-accent-700: #0A6E82;
  --bas-accent-tint: #E6F6FA;

  /* Neutrals */
  --bas-white: #FFFFFF;
  --bas-gray-50: #F6F8FA;
  --bas-gray-100: #EDF1F5;
  --bas-gray-200: #DDE4EC;
  --bas-gray-400: #97A4B4;
  --bas-gray-500: #5C6B7A;
  --bas-gray-900: #14243D;

  /* Semantic */
  --bas-success: #1E9E75;
  --bas-warning: #E0992B;
  --bas-danger: #D9534F;
  --bas-info: #2E7CC9;

  /* Surfaces (themeable) */
  --bas-bg: #FFFFFF;
  --bas-surface: #F6F8FA;
  --bas-surface-2: #EDF1F5;
  --bas-hero-bg: #0E1726;
  --bas-hero-panel: #16263F;
  --bas-text: #14243D;
  --bas-text-muted: #5C6B7A;
  --bas-border: #DDE4EC;

  /* Cards & elevation */
  --bas-card-bg: #FFFFFF;
  --bas-card-shadow: 0 1px 3px rgba(20,36,61,.05), 0 0 0 1px rgba(20,36,61,.04);
  --bas-card-shadow-hover: 0 16px 34px rgba(14,23,38,.12);
  --bas-shadow-float: 0 14px 38px rgba(14,23,38,.13);

  /* Shape */
  --bas-radius: 16px;
  --bas-radius-sm: 10px;
  --bas-radius-pill: 999px;

  /* Type */
  --font-head: 'Barlow', system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Motion & layout */
  --bas-ease: cubic-bezier(.4, 0, .2, 1);
  --bas-dur: 220ms;
  --bas-header-h: 70px;

  /* Glacier accent + glass (light defaults = clean, no glass) */
  --bas-ice: #0EA5C4;
  --bas-hl-color: #2CC1DD;
  --bas-eyebrow-ico: var(--bas-accent-700);
  --bas-glass-bg: var(--bas-card-bg);
  --bas-glass-border: var(--bas-border);
  --bas-glass-blur: 0px;
  --bas-glass-glow: var(--bas-card-shadow);
}

[data-theme="dark"] {
  --bas-primary: #2E86D6;
  --bas-primary-bright: #2E86D6;
  --bas-primary-700: #5BA4E4;
  --bas-primary-50: #16243A;
  --bas-accent: #3FD0EC;
  --bas-accent-700: #7FE0F2;
  --bas-accent-tint: #16323E;

  --bas-gray-50: #16243A;
  --bas-gray-100: #1E3050;

  --bas-bg: #0E1726;
  --bas-surface: #16243A;
  --bas-surface-2: #1E3050;
  --bas-hero-bg: #0A111D;
  --bas-hero-panel: #16263F;
  --bas-text: #E6EDF5;
  --bas-text-muted: #9FB0C4;
  --bas-border: #26374F;

  --bas-card-bg: #16243A;
  --bas-card-shadow: 0 1px 3px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.04);
  --bas-card-shadow-hover: 0 16px 34px rgba(0,0,0,.5);
  --bas-shadow-float: 0 14px 38px rgba(0,0,0,.5);

  /* Glacier glass (dark mode) */
  --bas-ice: #7DD3FC;
  --bas-hl-color: #7DD3FC;
  --bas-eyebrow-ico: #7DD3FC;
  --bas-glass-bg: rgba(22, 38, 63, 0.55);
  --bas-glass-border: rgba(125, 211, 252, 0.14);
  --bas-glass-blur: 16px;
  --bas-glass-glow: 0 0 30px rgba(125, 211, 252, 0.06);
}