/* ==========================================================================
   CELESTARR SERVICES — DESIGN TOKENS
   Liquid Glass / Magenta system
   ========================================================================== */

:root{

  /* ---- Brand palette ---- */
  --pink-500:#FF3D96;   /* primary */
  --pink-400:#FF5CB8;   /* soft neon accent */
  --pink-300:#FF80D0;   /* light accent / highlights */
  --pink-glow: rgba(255,61,150,.45);
  --pink-glow-soft: rgba(255,92,184,.18);

  --white:#FFFFFF;
  --grey-100:#EAEAEA;
  --grey-300: #b9b9c1;
  --grey-500: #7d7d86;
  --grey-700: #3a3a40;

  --bg-1:#121212;   /* panel background */
  --bg-0:#080808;   /* page background */
  --bg-0-rgb: 8,8,8;
  --bg-1-rgb: 18,18,18;

  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.16);

  /* ---- Glass surfaces ---- */
  --glass-fill: rgba(255,255,255,.045);
  --glass-fill-strong: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.12);
  --glass-blur: 22px;
  --glass-blur-lg: 40px;

  /* ---- Typography ---- */
  --font-display:'Space Grotesk', 'Inter', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  --fs-hero: clamp(2.8rem, 6vw, 6.4rem);
  --fs-h1: clamp(2.2rem, 4vw, 3.6rem);
  --fs-h2: clamp(1.7rem, 2.6vw, 2.6rem);
  --fs-h3: clamp(1.2rem, 1.6vw, 1.6rem);
  --fs-body: 1rem;
  --fs-sm: .875rem;
  --fs-xs: .75rem;

  /* ---- Spacing scale ---- */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ---- Radii ---- */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: .25s;
  --dur-med: .5s;
  --dur-slow: .9s;

  /* ---- Shadows / glow ---- */
  --shadow-glass: 0 8px 40px rgba(0,0,0,.55);
  --shadow-glow: 0 0 60px var(--pink-glow-soft);

  --container: 1360px;
  --nav-h: 84px;
}

::selection{
  background: var(--pink-500);
  color:#fff;
}