:root {
  --skills-color-primary: #f26522;
  --skills-color-primary-dark: #d95012;
  --skills-color-ink: #101820;
  --skills-color-navy: #061827;
  --skills-color-navy-soft: #0b2233;
  --skills-color-surface: #f7f2ed;
  --skills-color-white: #ffffff;
  --skills-color-muted: #6b747c;
  --skills-color-border: rgba(16, 24, 32, 0.14);
  --skills-font-body: "Inter", Arial, sans-serif;
  --skills-font-heading: "Inter", Arial, sans-serif;
  --skills-container: 1320px;
  --skills-gutter: clamp(20px, 4vw, 64px);
  --skills-section-space: clamp(72px, 8vw, 128px);
  --skills-radius-sm: 10px;
  --skills-radius-md: 18px;
  --skills-radius-lg: 28px;
  --skills-shadow: 0 24px 70px rgba(2, 14, 24, 0.16);
  --skills-transition: 220ms ease;
}