:root {
  /* Brand palette (TEKLIO Visual System) */
  --midnight: #061b44;
  --midnight-deep: #030d24;
  --space: #020817;
  --cyan: #11c5ff;
  --cyan-soft: rgba(17, 197, 255, 0.16);
  --white: #ffffff;
  --grey: #b7c3d8;
  --grey-dim: #8494b2;
  --success: #19e3b1;
  --danger: #ff4d6d;
  --violet: #8b5cf6;

  --aurora: linear-gradient(120deg, #11c5ff 0%, #2f6bff 30%, #8b5cf6 55%, #ff4fa3 78%, #ff9a3c 100%);
  --aurora-soft: linear-gradient(120deg, rgba(17, 197, 255, 0.55), rgba(139, 92, 246, 0.45), rgba(255, 79, 163, 0.4));

  /* Glass */
  --glass-fill: rgba(255, 255, 255, 0.055);
  --glass-fill-strong: rgba(12, 32, 78, 0.55);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.28);
  --glass-blur: 22px;

  /* Type */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-hero: clamp(2.5rem, 5vw, 4.6rem);
  --fs-h2: clamp(2rem, 4.2vw, 3.4rem);
  --fs-h3: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-lead: clamp(1.02rem, 1.4vw, 1.25rem);

  /* Shape & space */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1240px;
  --section-y: clamp(96px, 14vh, 160px);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}