:root {

  /* RESPONSIVE FONT SCALE */

  --fs-base: clamp(13px, 1.1vw, 16px);
  --fs-small: clamp(11px, 0.9vw, 13px);
  --fs-h1: clamp(27px, 3.5vw, 42px);
  --fs-h2: clamp(20px, 2.5vw, 28px);
  --fs-h3: clamp(18px, 2vw, 22px);
  --fs-h4: clamp(16px, 1.5vw, 20px);

  /* COLORS */
  --color-primary: #d1a64a;
  --color-primary-hover: #d1904a;
  --color-text: #3d3d3d;
  --color-dark: #333;
  --color-white: #ffffff;

  /* BACKGROUNDS */
  --glass-bg: rgba(231,231,231,0.85);
  --main-overlay: rgba(209,166,74,0.32);

  /* SHADOWS */
  --shadow-soft: 0 4px 10px rgba(0,0,0,0.15);
  --shadow-card: 0 0 15px rgba(0,0,0,0.1);

  /* RADIUS */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* TRANSITIONS */
  --transition: 0.25s ease;
}