:root {
  --primary-main: #FF6C0C;
  --secondary-main: #4B5A68;
  --white: #FFFFFF;
  --tertiary-main: #0DD3AD;

  --primary-lighter: #FBEDE3;
  --primary-light: #F6B181;
  --primary-dark: #A44404;
  --primary-darker: #341501;

  --secondary-lighter: #F5F5F5;
  --secondary-light: #7C94AA;
  --secondary-dark: #1E212C;
  --secondary-darker: #101118;

  --tertiary-lighter: #E4FFFB;
  --tertiary-light: #8EEBDD;
  --tertiary-dark: #08846D;
  --tertiary-darker: #044237;

  --evt-color-bg: var(--secondary-dark);
  --evt-color-surface: var(--secondary-main);
  --evt-color-surface-strong: var(--secondary-darker);
  --evt-color-text: var(--white);
  --evt-color-text-muted: rgba(255, 255, 255, 0.82);
  --evt-color-line: rgba(124, 148, 170, 0.34);
  --evt-color-accent-orange: var(--primary-main);
  --evt-color-accent-orange-soft: var(--primary-light);
  --evt-color-accent-teal: var(--tertiary-light);
  --evt-color-accent-teal-strong: var(--tertiary-main);
  --evt-color-accent-teal-soft: var(--tertiary-lighter);
  --evt-shadow-card: 0 30px 60px rgba(0, 0, 0, 0.28);
  --evt-radius-2xl: 36px;
  --evt-radius-xl: 28px;
  --evt-radius-lg: 22px;
  --evt-radius-pill: 999px;
  --evt-font-family-base: 'Lato', sans-serif;
  --evt-font-weight-regular: 400;
  --evt-font-weight-medium: 700;
  --evt-font-weight-semibold: 700;
  --evt-font-weight-bold: 900;
  --evt-font-size-hero-title: clamp(2rem, 3.9vw, 4rem);
  --evt-font-size-card-title: clamp(1.15rem, 1.6vw, 1.95rem);
  --evt-font-size-meta: 0.95rem;
  --evt-font-size-pill: 0.78rem;
  --evt-transition-fast: 180ms ease;
  --evt-transition-medium: 280ms ease;
}
