:root {
  /* Corporate palette — Spanish homepage :root */
  --bg: #05080d;
  --bg2: #08111a;
  --panel: #0b151f;
  --panel2: #0e1b28;
  --text: #f4f8fb;
  --muted: #a8b5c0;
  --dim: #71808d;
  --line: rgba(255, 255, 255, .09);
  --line2: rgba(255, 255, 255, .17);
  --blue: #23B8FF;
  --cyan: #23B8FF;
  --green: #20E38C;
  --grad: linear-gradient(120deg, var(--blue), var(--cyan) 48%, var(--green));
  --shadow: 0 28px 80px rgba(0, 0, 0, .38);
  --radius: 24px;
  --max: 1220px;

  /* Typography: Inter as family name; system stack fallback. No third-party font CDN. */
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --line-height: 1.6;
  --tracking-tight: -.035em;
  --tracking-wide: .16em;

  /* Brand lockup — visual name HARDTOCRACK; commercial name HardToCrack */
  --brand-name: #F4F8FB;
  --brand-name-weight: 800;
  --brand-name-tracking: .08em;
  --brand-gap: 10px;
  --brand-name-size: 15px;
  --brand-name-size-sm: 13px;
  --brand-mark-w: 40px;
  --brand-mark-h: 44px;
  --brand-mark-w-sm: 34px;
  --brand-mark-h-sm: 38px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 22px;
  --space-7: 24px;
  --space-8: 28px;
  --space-9: 36px;
  --space-10: 48px;
  --space-11: 72px;
  --space-12: 96px;

  /* Radii */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-btn: 0 14px 34px rgba(34, 200, 240, .14);
  --shadow-card: 0 18px 50px rgba(0, 0, 0, .18);
  --shadow-promo: 0 18px 48px rgba(0, 0, 0, .20);

  /* Z-index */
  --z-grid: -1;
  --z-header: 100;
  --z-skip: 1000;

  /* Breakpoints (documentation + JS/media alignment; @media still uses literals) */
  --bp-sm: 760px;
  --bp-md: 900px;
  --bp-lg: 1080px;
  --bp-xl: 1440px;
}