/* VULLKI tokens — values from docs/superpowers/specs/2026-11-14-vullki-landing-design.md §4–§5
   and #DΛЯK_DESIGNS/designv2.md §2. */
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter Display"; src: url("../fonts/inter-display-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("../fonts/cinzel-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/jetbrains-mono-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  /* surfaces */
  --bg: #000000;
  --surface: #0D0D0D;
  --surface-raised: #141416;
  --surface-deep: #050505;
  --surface-nav: rgba(0, 0, 0, 0.80);
  --border: rgba(255, 255, 255, 0.10);
  --border-bright: rgba(255, 255, 255, 0.18);

  /* brushed silver (headlines) */
  --silver-hi: #DCDCDC;
  --silver-lt: #C2C2C2;
  --silver-md: #808080;
  --silver-ch: #464646;
  --silver-gradient: linear-gradient(180deg, #DCDCDC 0%, #C2C2C2 30%, #808080 62%, #464646 100%);
  --brushed-grain: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, rgba(0, 0, 0, 0.06) 1px 2px);

  /* the one satin (mark, fallbacks, backdrop V) */
  --satin-1: #DCDCDC;
  --satin-2: #C2C2C2;
  --satin-3: #9A9DA3;

  /* reading text */
  --text: #E6E4DF;
  --text-2: rgba(230, 228, 223, 0.60);
  --text-3: rgba(230, 228, 223, 0.38);

  /* the only house accent: the wolf eye */
  --eye: #C41E3A;

  /* product colours (cards only, on hover/focus) */
  --c-vantacore: #C41E3A;
  --c-pluckit: #C9A227;
  --c-exporter: #00C7C8;
  --c-ipe: #0B5CFF;
  --c-neutral: #C2C2C2;

  /* type */
  --font-display: "Satoshi", "Inter Display", system-ui, sans-serif;
  --font-body: "Inter Display", "Inter", system-ui, sans-serif;
  --font-mark: "Cinzel", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  /* blur */
  --blur-button: 5px;
  --blur-nav: 12px;
  --blur-card: 50px;
  --blur-pill: 68px;

  /* radii */
  --radius-xs: 4px;
  --radius-tag: 6px;
  --radius-sm: 17px;
  --radius-card: 20px;
  --radius-stage: 28px;
  --radius-pill: 48px;

  /* easing + motion tokens (designv2 §6.2 CSS stand-ins) */
  --ease-standard: cubic-bezier(0.44, 0, 0.56, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --t-heavy: 1.6s;
  --t-text: 0.7s;
  --t-ui: 0.6s;
  --t-section: 0.45s;
  --t-slide: 0.8s;
  --t-card: 0.5s;
}