/* ==========================================================================
   IN7 GAME — Design Tokens
   "Instant Unlock" light-mode system for in7apk.in.net
   ========================================================================== */

:root {
  /* ---- Base surfaces (light mode) ---- */
  --color-bg: #FAF7EF;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2EAD9;
  --color-surface-sunken: #F6F1E4;

  /* ---- Brand accents ---- */
  --color-crimson: #C11A32;
  --color-crimson-deep: #8C1224;
  --color-crimson-soft: #FBEAEC;
  --color-gold: #CB9F2A;
  --color-gold-light: #EEDE9F;
  --color-gold-tint: #FBF4DF;
  --color-black: #0B0A0B;
  --color-black-soft: #17151A;

  /* ---- Text ---- */
  --color-text-primary: #1A1611;
  --color-text-muted: #6C6355;
  --color-text-inverse: #FFFDF7;
  --color-text-inverse-muted: #B6AC97;

  /* ---- Utility ---- */
  --color-border: #E7DBC1;
  --color-border-soft: #F0E7D4;
  --color-success: #1F7A4D;
  --color-info: #1F5E7A;

  --shadow-card: 0 10px 28px rgba(11, 10, 11, 0.08);
  --shadow-card-hover: 0 18px 46px rgba(11, 10, 11, 0.14);
  --shadow-soft: 0 4px 14px rgba(11, 10, 11, 0.06);
  --shadow-gold-glow: 0 0 20px rgba(203, 159, 42, 0.32);
  --shadow-crimson-glow: 0 10px 30px rgba(193, 26, 50, 0.28);
  --shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.6);

  /* ---- Gradients ---- */
  --grad-gold: linear-gradient(135deg, #EEDE9F 0%, #CB9F2A 48%, #A9821A 100%);
  --grad-crimson: linear-gradient(135deg, #D4243D 0%, #C11A32 52%, #8C1224 100%);
  --grad-black: linear-gradient(160deg, #17151A 0%, #0B0A0B 100%);
  --grad-canvas: linear-gradient(180deg, #FFFDF7 0%, #FAF7EF 100%);

  /* ---- Typography ---- */
  --font-display: 'Sora', 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;

  --fs-hero: clamp(2.15rem, 1.42rem + 3.1vw, 3.7rem);
  --fs-h1: clamp(2rem, 1.3rem + 2.9vw, 3.35rem);
  --fs-h2: clamp(1.6rem, 1.16rem + 1.85vw, 2.55rem);
  --fs-h3: clamp(1.24rem, 1.05rem + 0.8vw, 1.65rem);
  --fs-h4: clamp(1.06rem, 0.98rem + 0.36vw, 1.24rem);
  --fs-lead: clamp(1.02rem, 0.96rem + 0.3vw, 1.19rem);
  --fs-body: 1rem;
  --fs-sm: 0.9125rem;
  --fs-xs: 0.8125rem;
  --fs-eyebrow: 0.775rem;

  --lh-tight: 1.08;
  --lh-snug: 1.28;
  --lh-body: 1.78;

  --ls-eyebrow: 0.19em;
  --ls-tight: -0.022em;

  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 44px;
  --sp-8: 60px;
  --sp-9: 84px;
  --sp-10: 116px;

  --section-y: clamp(56px, 6.4vw, 108px);
  --section-y-lg: clamp(72px, 8vw, 136px);

  /* ---- Layout ---- */
  --container: 1210px;
  --container-wide: 1400px;
  --container-narrow: 810px;
  /* Generous breathing room on the left/right edges of every page */
  --gutter: clamp(18px, 4.6vw, 72px);

  /* ---- Radii ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-app: 26%;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.46, 0.64, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 620ms;

  /* ---- Z-index ---- */
  --z-base: 1;
  --z-sticky: 60;
  --z-nav: 80;
  --z-drawer: 90;
  --z-modal: 100;
}

/* Category accent hues used by the install grid + catalogue chips */
:root {
  --cat-slots: #C11A32;
  --cat-live: #7A2E8C;
  --cat-cards: #1F5E7A;
  --cat-sports: #1F7A4D;
  --cat-fishing: #0E6E93;
  --cat-crash: #C4771A;
}