/* Blueclaw Design Tokens */
:root {
    /* Colors - Logo-Inspired Palette */
    --color-hero-start: #003580;
    /* Logo Navy Blue - Gradient Start */
    --color-hero-end: #0066CC;
    /* Logo Bright Blue - Gradient End */

    --color-primary: #0066CC;
    /* Logo Bright Blue - Primary Actions */
    --color-primary-dark: #003580;
    /* Logo Navy Blue - Hover States */

    --color-accent-cyan: #00D4FF;
    /* Logo Cyan - Highlights & Links */
    --color-accent-gold: #FFD700;
    /* Logo Gold - Premium Elements */
    --color-accent-gold-dark: #FFA500;
    /* Logo Orange-Gold - Hover/Accents */

    --color-body-bg: #f7f8f9;
    /* Light Gray Background */
    --color-text: #1a1a2e;
    /* Dark Navy Text */
    --color-cyan: #00d4ff;
    /* Logo Cyan (alias for compatibility) */
    --color-text-light: #64748b;
    /* Muted Text */
    --color-white: #ffffff;

    --color-dark-bg: #003580;
    /* Logo Navy for Footer/Dark Sections */
    --color-border: #e2e8f0;

    --color-warning: #FFA500;
    /* Logo Orange-Gold for stars/attention */
    --color-danger: #dc2626;
    /* Red for errors */
    --color-danger-bg: #fff0f0;

    /* Typography */
    --font-main: 'Poppins', sans-serif;

    /* Spacing & Layout */
    --container-width: 1200px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    /* Transitions */
    --transition-fast: 0.2s ease;
}