/* ==========================================================
   HostClub.ie — Design tokens
   Change brand colours, fonts and spacing here.
   ========================================================== */

@font-face { font-family: "Plus Jakarta Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2"); }

:root {
  /* Brand */
  --c-brand: #0b4db6;
  --c-brand-600: #0a3f96;
  --c-brand-700: #06236f;
  --c-brand-50: #eaf1fd;
  --c-brand-100: #cfdcf6;
  --c-accent: #33d17a;
  --c-accent-600: #22b866;
  --c-accent-50: #e7f9ef;

  /* Neutrals */
  --c-ink: #0b1a3a;
  --c-ink-2: #142a55;
  --c-ink-3: #24427a;
  --c-text: #26344a;
  --c-muted: #5b6b82;
  --c-line: #e3e8ef;
  --c-line-2: #d3dae4;
  --c-bg: #f5f7fb;
  --c-bg-soft: #e9eef7;
  --c-white: #ffffff;
  --hero-gradient: linear-gradient(135deg, #0b4db6 0%, #1687ff 100%);
  --hero-gradient-dark: linear-gradient(135deg, #06236f 0%, #0b4db6 100%);

  /* Status */
  --c-ok: #16a34a;
  --c-ok-50: #e9f8ee;
  --c-warn: #d97706;
  --c-warn-50: #fff4e5;
  --c-danger: #d64545;
  --c-danger-50: #fdeeee;

  /* Type */
  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem);
  --fs-3xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --fs-4xl: clamp(2.3rem, 1.5rem + 3.4vw, 4rem);

  /* Layout */
  --container: 1200px;
  --gutter: 24px;
  --header-h: 72px;
  --section-y: clamp(64px, 6vw + 32px, 112px);

  /* Shape */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(11, 20, 36, 0.06), 0 1px 3px rgba(11, 20, 36, 0.05);
  --shadow: 0 6px 20px -6px rgba(11, 20, 36, 0.12), 0 2px 6px rgba(11, 20, 36, 0.05);
  --shadow-lg: 0 24px 48px -16px rgba(11, 20, 36, 0.22);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 150ms;
  --t: 250ms;
  --t-slow: 600ms;
}