:root {
    --primary: #10b981;
    --primary-dark: #059669;
    --primary-light: #34d399;
    --secondary: #0ea5e9;
    --background: #F8FAFC;
    --surface: #F8FAFC;
    --surface-light: #f1f5f9;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --border: #e2e8f0;
    --shadow: rgba(0, 0, 0, 0.05);
    --gradient-1: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-2: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --font-main: 'Open Sans', "Inter", sans-serif;

    /* Hero & Content Layout Tokens */
    --hero-padding-top: 60px;
    --hero-padding-bottom: 40px;
    --hero-gap-subtitle: 0.5rem;
    --content-gap-top: 40px; /* Standard gap from subtitle to content */
    --hero-bg: #F8FAFC;
}