:root {
  /* ── Background Layers (Unified Dark Navy) ────────────────────────────── */
  --primary-bg:      #0E1420;   /* Dark navy — main bg (matches CTA/Client) */
  --surface-color:   #0A0F1A;   /* Deeper navy — card/surface */
  --surface-mid:     #141B2D;   /* Mid navy — hover surface */

  /* ── Accent Gold ──────────────────────────────────────────────────────── */
  --accent-gold:       #C4932D;            /* Primary accent — golden amber */
  --accent-gold-hover: #A67C24;            /* Hover / darker gold */
  --accent-gold-rgb:   196, 147, 45;       /* For rgba() inline usage */

  /* ── Steel Blue (secondary accent) ───────────────────────────────────── */
  --steel-blue:        #8EA8BC;

  /* ── Text ─────────────────────────────────────────────────────────────── */
  --text-main: #D8CFC3;                       /* Warm off-white */
  --text-dim:  rgba(216, 207, 195, 0.65);     /* Dimmed warm text */

  /* ── Borders & Surfaces (Flat 1px Crisp Border, No Shadows) ───────────── */
  --border-color:   rgba(255, 255, 255, 0.08);
  --surface-hover:  rgba(255, 255, 255, 0.02);

  /* ── Uniform Small Radius (6px for ALL components) ───────────────────── */
  --radius-sm: 6px;
  --radius-md: 6px;
  --radius-lg: 6px;

  /* ── Typography ───────────────────────────────────────────────────────── */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

  /* ── Font Size Scale ──────────────────────────────────────────────────── */
  --fs-label:      0.8rem;
  --fs-body-sm:    0.875rem;
  --fs-body:       1rem;
  --fs-body-lg:    1.05rem;
  --fs-h3:         1.75rem;
  --fs-h2-sticky:  clamp(2rem, 3.5vw, 2.8rem);
  --fs-menu:       0.8rem;

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --section-padding:      160px 80px;
  --container-max-width:  1320px;

  /* ── Transitions ──────────────────────────────────────────────────────── */
  --transition-fast:    0.2s ease;
  --transition-normal:  0.3s ease;
  --transition-slow:    0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Uniform Small Border Radius Rule (6px across ALL elements) ───────── */
.cv-featured-card,
.cv-small-card,
.cv-small-icon,
.exp-card,
.ctrl-btn,
.roster-showcase,
.hwt-service-icon-wrap,
.hwt-foreword-img-wrapper,
.btn,
.btn-premium,
.btn-outline-premium,
.modal-content,
.itc-cell,
.craft-item {
  border-radius: var(--radius-sm, 6px) !important;
}