:root {
    --background: 210 100% 95%;
    --foreground: 210 100% 28%;
    --card: 0 0% 100%;
    --card-foreground: 210 100% 28%;
    --card-radius: 1.25rem;
    --card-padding: 1rem;
    --card-shadow: 0 1px 3px 0 rgb(0 10 20 / .1), 0 1px 2px -1px rgb(0 10 20 / .1);
    --card-hover-shadow: 0 10px 15px 0 rgb(0 10 20 / .1), 0 4px 6px -4px rgb(0 10 20 / .1);
    --popover: 0 0% 100%;
    --popover-foreground: 210 100% 28%;
    --brand-primary: 26 91% 50%;
    --brand-primary-foreground: 26 91% 100%;
    --brand-primary-darken: 26 91% 42%;
    --brand-primary-darken-foreground: 26 91% 100%;
    --brand-secondary: 210 100% 28%;
    --brand-secondary-foreground: 210 100% 100%;
    --brand-secondary-darken: 210 100% 18%;
    --brand-secondary-darken-foreground: 210 100% 100%;
    --muted: 210 100% 95%;
    --muted-foreground: 210 100% 28%;
    --accent: 210 100% 97%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 70.6% 45.3%;
    --success-foreground: 144 61.2% 20.2%;
    --warning: 48 100% 96.1%;
    --warning-foreground: 32 94.6% 43.7%;
    --highlight: 26 91% 50%;
    --highlight-foreground: 26 91% 100%;
    --border: 210 100% 95%;
    --input: 210 100% 82%;
    --ring: 26 91% 50%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 1.25rem;
    --skeuemorphic-shadow: 0px 0px 0px 1px rgba(16, 24, 40, .18) inset, 0px -2px 0px 0px rgba(16, 24, 40, .05) inset, 0px 1px 2px 0px rgba(16, 24, 40, .05);
    --skeuemorphic-border: 2px solid rgba(255, 255, 255, .12);
}