/* Design tokens – lấy từ Figma SnapTik (bộ biến "SnapTik v2") */
:root {
  /* Nền & bề mặt */
  --bg-base: #0A0718;
  --bg-raised: #140C2C;
  --bg-footer: #06040F;
  --glass: rgb(255 255 255 / .05);
  --glass-strong: rgb(255 255 255 / .08);
  --glass-border: rgb(255 255 255 / .14);
  --glass-border-soft: rgb(255 255 255 / .1);

  /* Chữ (tertiary đã nâng từ #6F6A8F để đạt tương phản 4.5:1) */
  --text-primary: #F4F1FF;
  --text-secondary: #A9A3C9;
  --text-tertiary: #8A84AA;
  --text-body: #C9C3E6;

  /* Thương hiệu */
  --pink: #FF4FD8;
  --violet: #A855F7;
  --violet-soft: #C084FC;
  --purple-deep: #7C3AED;
  --indigo: #6366F1;
  --cyan: #22D3EE;
  --cyan-soft: #67E8F9;
  --lilac: #D8B4FE;

  --grad-brand: linear-gradient(90deg, var(--pink), var(--violet) 50%, var(--cyan));
  --grad-text: linear-gradient(90deg, var(--pink), var(--violet-soft) 50%, var(--cyan));
  --grad-cta: linear-gradient(90deg, var(--pink), var(--violet));
  --grad-card: linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .02));
  --grad-stroke: linear-gradient(180deg, rgb(255 255 255 / .22), rgb(255 255 255 / .04));

  /* Bo góc */
  --r-pill: 999px;
  --r-xs: 10px;
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 15px;

  /* Bóng & phát sáng */
  --shadow-card: 0 24px 50px rgb(0 0 0 / .4);
  --glow-pink: 0 10px 30px rgb(255 79 216 / .5);
  --glow-violet: 0 20px 60px rgb(168 85 247 / .35);

  /* Chữ */
  --font: 'Oswald', 'Noto Sans Thai', 'Arial Narrow', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-h1: clamp(2.625rem, 1.6rem + 4.2vw, 5rem);      /* 42 → 80 */
  --fs-h2: clamp(2rem, 1.4rem + 2.4vw, 3.5rem);        /* 32 → 56 */
  --fs-h3: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);      /* 20 → 24 */
  --fs-lead: clamp(.9375rem, .88rem + .3vw, 1.125rem); /* 15 → 18 */
  --fs-body: 1rem;
  --fs-sm: .875rem;
  --fs-xs: .75rem;

  /* Bố cục */
  --container: 1200px;
  --gutter: clamp(20px, 5vw, 120px);
  --section-y: clamp(40px, 5vw, 76px);

  /* Chuyển động */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: .25s;
  --dur: .5s;
}
