/* Minimal Theme -- Design Tokens */
:root {
    /* Brand colors */
    --agency-primary: #111111;
    --agency-primary-dark: #000000;
    --agency-secondary: #9CA3AF;
    --agency-secondary-dark: #7B8290;
    --agency-accent: #D1D5DB;
    --agency-text: #374151;
    --agency-text-light: #9CA3AF;
    --agency-bg: #FFFFFF;
    --agency-bg-light: #FAFAFA;
    --agency-bg-alt: #F3F4F6;
    --agency-border: #F3F4F6;

    /* Typography */
    --agency-font-heading: 'IBM Plex Sans', sans-serif;
    --agency-font-body: 'IBM Plex Sans', sans-serif;

    /* Effects */
    --agency-radius: 6px;
    --agency-radius-sm: 4px;
    --agency-radius-lg: 8px;
    --agency-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    --agency-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
    --agency-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.05);
    --agency-transition: all 0.2s ease;

    /* Gradients */
    --agency-gradient-primary: linear-gradient(135deg, #111111 0%, #333333 100%);
    --agency-gradient-hero: linear-gradient(135deg, rgba(17,17,17,0.85) 0%, rgba(156,163,175,0.6) 100%);
    --agency-gradient-light: linear-gradient(135deg, #FAFAFA 0%, #F3F4F6 100%);
    --agency-gradient-cta: linear-gradient(135deg, var(--agency-primary) 0%, var(--agency-secondary-dark) 100%);
}