/* ══════════════════════════════════════════
   SUKIRA AESTHETICS — DESIGN TOKENS & RESET
══════════════════════════════════════════ */

:root {
  --blue: #3182FC;
  --blue-mid: #1a5fd4;
  --blue-deep: #0d1f4e;
  --ink: #1a1a2e;
  --ink-60: rgba(26, 26, 46, .6);
  --white: #fff;
  --off: #f7f9fd;
  --surface: #eef4ff;
  --border: #dde8fb;
  --gold: #f0b429;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --r: 14px;
  --r-sm: 8px;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  color: var(--ink);
  background: #fff;
  overflow-x: hidden;
}

img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
ul { list-style: none; }