/* assets/css/variables.css */
:root {
    /* Corporate Color Palette - Black & White Identity */
    --clr-primary: #000000;
    /* Pure Black */
    --clr-secondary: #222222;
    /* Dark Grey for hover/accents */
    --clr-accent: #E2E8F0;
    /* Scientific Silver */
    --clr-text-main: #333333;
    /* Dark Slate for readability */
    --clr-text-light: #FFFFFF;
    /* Pure white for dark backgrounds */
    --clr-bg-main: #FFFFFF;
    --clr-bg-alt: #F8FAFC;
    /* Very light gray for section separation */
    --clr-border: #E2E8F0;

    /* Typography */
    /* Ensure these match the Google Fonts imported in the HTML head */
    --font-heading: 'Playfair Display', -apple-system, BlinkMacSystemFont, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Spacing & Layout */
    --spacing-section: 6rem 0;
    --container-max: 1280px;
    --radius-sm: 4px;
    --radius-md: 8px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}