/* Blueclaw Design Tokens */
:root {
    /* Colors */
    --color-hero-start: #0a1628;
    /* Dark Blue Gradient Start */
    --color-hero-end: #1a2744;
    /* Dark Blue Gradient End */

    --color-primary: #22c55e;
    /* Vibrant Green Button Start */
    --color-primary-dark: #16a34a;
    /* Vibrant Green Button End */

    --color-body-bg: #f7f8f9;
    /* Light Gray Background */
    --color-text: #1a1a2e;
    /* Dark Navy Text */
    --color-cyan: #00d4ff;
    /* Blueclaw Cyan Detail Color */
    --color-text-light: #64748b;
    /* Muted Text */
    --color-white: #ffffff;

    --color-dark-bg: #0f172a;
    /* Very Dark Footer/Section Background */
    --color-border: #e2e8f0;

    --color-warning: #f97316;
    /* Orange for stars/attention */
    --color-danger: #dc2626;
    /* Red for wishlist/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;
}