/* =========================================================
   Design tokens
   Colors, gradients and type stacks mirror hookedpad.com's
   own :root so this site reads as part of Hooked.
   ========================================================= */

@font-face {
  font-family: "Unbounded";
  src: url("../assets/fonts/unbounded-latin.woff2") format("woff2");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/manrope-latin.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../assets/fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Metric-matched fallbacks keep layout shift low while fonts swap in */
@font-face {
  font-family: "Unbounded Fallback";
  src: local("Arial Black"), local("Arial Bold"), local("Arial");
  size-adjust: 104%;
  ascent-override: 92%;
  descent-override: 22%;
}
@font-face {
  font-family: "Manrope Fallback";
  src: local("Segoe UI"), local("Arial");
  size-adjust: 103%;
  ascent-override: 104%;
  descent-override: 29%;
}

:root {
  color-scheme: dark;

  /* Hooked palette */
  --bg: #07060b;
  --bg-2: #0d0b14;
  --ink: #f4f1fa;
  --ink2: #b4aec4;
  --ink3: #8a849a;
  --line: #ffffff17;
  --line2: #ffffff29;
  --coral: #ff6a3d;
  --pink: #ff2e93;
  --violet: #9d5cff;
  --cyan: #3be3ff;
  --pass: #3dffa2;
  --refuse: #ff4d5e;

  /* Hooked's "lure" gradient and chrome text gradient */
  --lure: linear-gradient(120deg, #f0532a 0%, #e0197d 48%, #7f3ff0 100%);
  --chrome: linear-gradient(100deg, #ffd3c2 0%, #ff6a3d 22%, #ff2e93 48%, #b78bff 72%, #e9e1ff 100%);

  /* Tier metals (Crate frames) */
  --copper: #d9774a;
  --bronze: #c9954f;
  --silver: #c9ccd8;
  --gold: #f2c14e;
  --platinum: #dfe6ff;

  /* Type */
  --display: "Unbounded", "Unbounded Fallback", "Arial Black", system-ui, sans-serif;
  --body: "Manrope", "Manrope Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Surfaces (Hooked's glass) */
  --glass-bg: linear-gradient(#ffffff11, #ffffff05);
  --glass-border: 1px solid #ffffff17;
  --glass-shadow: inset 0 1px 0 #ffffff14, 0 40px 80px -40px #000000e6;

  /* Radii */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 28px;

  /* Layout */
  --wrap: 1240px;
  --gutter: clamp(18px, 4vw, 40px);
  --header-h: 76px;

  /* Motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}