/* Blueclaw Design Tokens */
:root {
    /* Colors */
    --color-hero-start: #4E4187;
    /* Purple Gradient Start */
    --color-hero-end: #3d3369;
    /* Purple Gradient End */

    --color-primary: #3083DC;
    /* Blue Button Start */
    --color-primary-dark: #2567b3;
    /* Blue Button End */

    --color-body-bg: #FFFFFF;
    /* White Background */
    --color-text: #1a1a2e;
    /* Dark Navy Text */
    --color-cyan: #2EBFA5;
    /* Teal Detail Color */
    --color-text-light: #64748b;
    /* Muted Text */
    --color-white: #ffffff;

    --color-dark-bg: #4E4187;
    /* Purple 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;
}