:root {
  --bg-1: #EDF6F2;
  --bg-2: #DDEDE6;
  --bg-3: #CFE3DB;
  --bg-4: rgba(207,227,219,0.75);
  --bg-5: rgba(0,0,0,0.80);

  --accent: #2F9F85;
  --accent-soft: #6EC7B0;
  --secondary: #7F9F86;

  --glass-bg: rgba(255,255,255,0.55);
  --glass-border: rgba(47,159,133,0.25);

  --text-1: #0B2A25;
  --text-2: #163F39;
  --text-3: #2D5E57;
  --text-4: #6E928B;

  --text-on-accent: #FFFFFF;

  --shadow-accent-soft: rgba(47,159,133, 0.10);
  --shadow-accent: rgba(47,159,133, 0.14);
  --shadow-accent-strong: rgba(47,159,133, 0.28);

  --shadow-depth-soft: rgba(22,63,57, 0.08);
  --shadow-depth: rgba(22,63,57, 0.10);
  --shadow-depth-strong: rgba(22,63,57, 0.18);

  --shadow-glass-highlight: rgba(255,255,255,0.55);
  --shadow-glass-highlight-strong: rgba(255,255,255,0.6);

  --pulse-start-strong: var(--shadow-accent-strong);
  --pulse-start: var(--shadow-accent);
  --pulse-end: rgba(47,159,133, 0);

  --elevation-project: 
    0 12px 30px var(--shadow-accent),
    0 5px 14px var(--shadow-depth);

  --highlight-ring: rgba(47,159,133, 0.35);
  --highlight-glow: var(--shadow-accent-strong);

  --elevation-soft:
    0 4px 10px var(--shadow-depth-soft),
    0 10px 24px var(--shadow-depth);

  --elevation:
    0 6px 14px var(--shadow-depth),
    0 18px 40px var(--shadow-depth-strong);

  --elevation-strong:
    0 10px 22px var(--shadow-depth),
    0 28px 60px var(--shadow-depth-strong);

  --elevation-glass:
    0 6px 16px var(--shadow-accent-soft),
    0 18px 42px var(--shadow-depth);

  --elevation-modal:
    0 12px 28px var(--shadow-depth),
    0 36px 80px var(--shadow-depth-strong);
}