/* ALAB2026 Design Tokens — glassmorphic luxury, muted pink + turquoise */
:root {
  /* Brand — muted 40–60% saturation against cream */
  --ab-teal: #6fb8c2;
  --ab-teal-deep: #00a0b5;
  --ab-teal-soft: #cfe7eb;
  --ab-teal-mist: #eaf5f7;

  --ab-pink: #d48cb3;
  --ab-pink-deep: #c76ca0;
  --ab-pink-soft: #f3d7e5;
  --ab-pink-mist: #fbecf3;

  --ab-cream: #fbf7f2;
  --ab-cream-warm: #f4ecdf;
  --ab-ink: #2a2f3a;
  --ab-ink-soft: #5a6170;
  --ab-ink-faint: #8c94a3;
  --ab-line: rgba(42, 47, 58, 0.08);

  /* Gradients */
  --grad-brand: linear-gradient(135deg, var(--ab-teal) 0%, var(--ab-pink) 100%);
  --grad-brand-soft: linear-gradient(135deg, var(--ab-teal-mist) 0%, var(--ab-pink-mist) 100%);
  --grad-page: radial-gradient(1200px 800px at 10% -10%, var(--ab-pink-mist) 0%, transparent 55%),
               radial-gradient(1000px 700px at 110% 10%, var(--ab-teal-mist) 0%, transparent 55%),
               linear-gradient(180deg, var(--ab-cream) 0%, #f7efe5 100%);

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.48);
  --glass-bg-strong: rgba(255, 255, 255, 0.68);
  --glass-border: rgba(255, 255, 255, 0.65);
  --glass-border-soft: rgba(255, 255, 255, 0.35);
  --glass-blur: blur(22px) saturate(140%);
  --glass-blur-sm: blur(12px) saturate(130%);

  /* Shadows — layered for depth */
  --shadow-xs: 0 1px 2px rgba(42, 47, 58, 0.05);
  --shadow-sm: 0 4px 14px -6px rgba(42, 47, 58, 0.12);
  --shadow-md: 0 12px 30px -12px rgba(42, 47, 58, 0.18);
  --shadow-lg: 0 24px 60px -20px rgba(42, 47, 58, 0.22);
  --shadow-lux: 0 30px 80px -28px rgba(199, 108, 160, 0.25),
                0 10px 30px -10px rgba(111, 184, 194, 0.20);

  /* Radii */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 999px;

  /* Spacing scale */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px;

  /* Typography */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --dur-fast: 160ms;
  --dur: 260ms;
  --dur-slow: 420ms;

  /* z */
  --z-drawer: 50; --z-modal: 60; --z-toast: 70; --z-top: 100;
}

/* Custom scrollbar — luxe */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--ab-teal) transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--ab-teal) 0%, var(--ab-pink) 100%);
  border-radius: var(--radius-pill);
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--ab-teal-deep) 0%, var(--ab-pink-deep) 100%);
  background-clip: padding-box;
  border: 2px solid transparent;
}
::-webkit-scrollbar-corner { background: transparent; }

/* Selection */
::selection {
  background: var(--ab-pink-soft);
  color: var(--ab-ink);
}