:root {
  /* === BACKGROUNDS === */
  --bg-primary: #0A0A0A;
  --bg-secondary: #111112;
  --bg-card: #1A1A1C;
  --bg-card-hover: #222224;
  --bg-elevated: #2B2F39;
  --bg-overlay: rgba(0, 0, 0, 0.8);

  /* === TEXT === */
  --text-primary: #FFFFFF;
  --text-secondary: #F6F6F6;
  --text-muted: #8A8A91;
  --text-subtle: #C0C0C0;
  --text-disabled: #333336;

  /* === ACCENT (bianco al posto dell'arancione Arpeggio) === */
  --accent: #FFFFFF;
  --accent-gradient: linear-gradient(135deg, #E6E6E6 0%, #FFFFFF 100%);
  --accent-dot: #FFFFFF;
  --accent-hover: #F0F0F0;

  /* === BORDERS === */
  --border: #222224;
  --border-light: #333336;
  --border-white: rgba(255, 255, 255, 0.1);

  /* === SPECIAL === */
  --green-highlight: #82FF28;
  --backdrop-blur: blur(6px);

  /* === TYPOGRAPHY === */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --h1-size: clamp(48px, 7vw, 96px);
  --h1-weight: 400;
  --h1-line-height: 1.15;

  --h2-size: clamp(32px, 4.5vw, 64px);
  --h2-weight: 500;
  --h2-line-height: 1.15;

  --h3-size: clamp(20px, 2vw, 32px);
  --h3-weight: 600;
  --h3-line-height: 1.3;

  --body-size: 17px;
  --body-weight: 400;
  --body-line-height: 1.65;

  --label-size: 11px;
  --label-weight: 400;
  --label-transform: uppercase;
  --label-spacing: 0.2em;

  --project-title-size: clamp(40px, 5vw, 72px);
  --project-title-weight: 400;

  --service-num-size: 14px;
  --service-num-color: var(--accent);

  --btn-size: 16px;
  --btn-weight: 500;

  /* === LAYOUT === */
  --container-max: 1400px;
  --container-pad: 24px;
  --section-pad: clamp(80px, 12vw, 160px);
}