/* Skyline Theme — Design Tokens */
:root {
    /* Brand colors */
    --agency-primary: #2C3E50;
    --agency-primary-dark: #1A2530;
    --agency-secondary: #00BCD4;
    --agency-secondary-dark: #0097A7;
    --agency-accent: #95A5A6;
    --agency-text: #2C3E50;
    --agency-text-light: #7F8C8D;
    --agency-bg: #FFFFFF;
    --agency-bg-light: #F0F3F5;
    --agency-bg-alt: #E3E8EB;
    --agency-border: #DEE2E6;

    /* Typography */
    --agency-font-heading: 'Poppins', sans-serif;
    --agency-font-body: 'Poppins', sans-serif;

    /* Effects */
    --agency-radius: 16px;
    --agency-radius-sm: 10px;
    --agency-radius-lg: 20px;
    --agency-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    --agency-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.08);
    --agency-shadow-lg: 0 16px 56px rgba(0, 0, 0, 0.08);
    --agency-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    /* Gradients */
    --agency-gradient-primary: linear-gradient(135deg, #2C3E50 0%, #3D556E 100%);
    --agency-gradient-hero: linear-gradient(135deg, rgba(44,62,80,0.85) 0%, rgba(0,188,212,0.6) 100%);
    --agency-gradient-light: linear-gradient(135deg, #F0F3F5 0%, #E3E8EB 100%);
    --agency-gradient-cta: linear-gradient(135deg, var(--agency-primary) 0%, var(--agency-secondary-dark) 100%);
}