/* HK Group website design tokens. Source: src/styles.css, 2026-09-25. */
:root {
  --orange: #ee9922;
  --ink: #1e2023;
  --white: #ffffff;
  --footer-surface: #fbf8f2;
  --footer-surface-soft: #fffdf9;
  --footer-ink: #17232d;
  --footer-muted: #64707a;
  --footer-line: #e8dfd2;
  --footer-shadow: rgba(75, 58, 38, .16);
  --footer-field-shadow: rgba(56, 42, 24, .08);
  --footer-card-fill-start: #fffdf7;
  --footer-card-fill-end: #fff7e8;
  --footer-warm-shadow: rgba(224, 153, 61, .22);
  --footer-warm-glow: rgba(255, 220, 164, .24);
  --glass-card-background: linear-gradient(145deg, rgba(255,255,255,.94) 0%, rgba(255,250,241,.92) 48%, rgba(246,237,224,.90) 100%);
  --glass-card-shadow: 0 16px 34px rgba(76,61,43,.16), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(213,191,164,.22);
  --action-shadow: 0 10px 22px rgba(238,153,34,.22), inset 0 1px 0 rgba(255,255,255,.34);
  --font-family: "HK Numeric Inter", "Inter", Arial, sans-serif;
  --font-heading: "HK Numeric Inter", "Cormorant Garamond", Georgia, serif;
  --font-main-heading-size: clamp(40px, 3.4vw, 48px);
  --font-main-heading-weight: 700;
  --font-subheading-size: 22px;
  --font-subheading-weight: 700;
  --font-body-size: 16px;
  --font-body-weight: 400;
  --font-small-size: 14px;
  --font-footer-cta-size: 40px;
  --font-footer-heading-size: 17px;
  --font-footer-body-size: 13px;
  --font-footer-button-size: 14px;
  --font-footer-small-size: 11px;
  --frame-border-width: 2px;
  --frame-border-style: solid;
  --frame-border-color: rgba(255, 255, 255, .86);
  --frame-border: var(--frame-border-width) var(--frame-border-style) var(--frame-border-color);
  --u: 1px;
  --ease: cubic-bezier(.2,.72,.18,1);
}

:root {
  --hk-bg: #fbf8f3;
  --hk-surface: var(--footer-surface-soft);
  --hk-muted: var(--footer-muted);
  --hk-line: var(--footer-line);
  --hk-accent-ink: #925000;
  --hk-background: radial-gradient(ellipse at 80% 80%, #eee4d7aa, transparent 43%), linear-gradient(115deg, #fcf9f4, #fbf8f3 65%, #f8f4ee);
  --hk-glass-nav: linear-gradient(125deg, rgba(255,255,255,.34), rgba(240,238,238,.20) 73%, rgba(250,249,247,.30));
  --hk-shadow-nav: 0 12px 21px rgba(86,76,64,.16), inset 0 1px 1px rgba(255,255,255,.82);
  --hk-blur-nav: blur(20px) saturate(145%);
  --hk-blur-card: blur(24px) saturate(120%);
  --hk-radius-nav: 18px;
  --hk-radius-card: var(--hk-radius-nav);
  --hk-radius-control: 9px;
  --hk-radius-small: 7px;
  --hk-space-1: 4px;
  --hk-space-2: 8px;
  --hk-space-3: 12px;
  --hk-space-4: 16px;
  --hk-space-6: 24px;
  --hk-space-8: 32px;
  --hk-transition: .28s var(--ease);
}

@media (max-width: 600px) { :root { --hk-radius-nav: 16px; } }

/* Operational states supplement the website brand; never use them for navigation. */
:root {
  --hk-success: #16a34a;
  --hk-danger: #dc2626;
  --hk-info: #2563eb;
  --hk-review: #7c3aed;
  --hk-teal: #0d9488;
}

:root { --hk-icon-size: 18px; --hk-icon-stroke: 1.8; }