/* ============================================================================
 * Branding CSS Variables
 * Generated: 2026-03-29T18:18:29.397795Z
 * This file is automatically generated by BrandingService
 * DO NOT EDIT MANUALLY - Changes will be overwritten
 * ============================================================================ */


/* Custom Font Faces */
@font-face {
    font-family: 'Chillax';
    src: url('https://inyo-test-uploads-1773305047.s3.eu-central-1.amazonaws.com/storage/branding/fonts/Chillax-Extralight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chillax';
    src: url('https://inyo-test-uploads-1773305047.s3.eu-central-1.amazonaws.com/storage/branding/fonts/Chillax-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chillax';
    src: url('https://inyo-test-uploads-1773305047.s3.eu-central-1.amazonaws.com/storage/branding/fonts/Chillax-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chillax';
    src: url('https://inyo-test-uploads-1773305047.s3.eu-central-1.amazonaws.com/storage/branding/fonts/Chillax-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chillax';
    src: url('https://inyo-test-uploads-1773305047.s3.eu-central-1.amazonaws.com/storage/branding/fonts/Chillax-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chillax';
    src: url('https://inyo-test-uploads-1773305047.s3.eu-central-1.amazonaws.com/storage/branding/fonts/Chillax-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Brand Colors */
    --brand-primary: #1D1934;
    --brand-primary-rgb: 29 25 52;
    --brand-primary-50: #2a244b;
    --brand-primary-50-rgb: 42 36 75;
    --brand-primary-100: #282348;
    --brand-primary-100-rgb: 40 35 72;
    --brand-primary-200: #252043;
    --brand-primary-200-rgb: 37 32 67;
    --brand-primary-300: #221e3e;
    --brand-primary-300-rgb: 34 30 62;
    --brand-primary-400: #1f1b39;
    --brand-primary-400-rgb: 31 27 57;
    --brand-primary-500: #1D1934;
    --brand-primary-500-rgb: 29 25 52;
    --brand-primary-600: #1a162e;
    --brand-primary-600-rgb: 26 22 46;
    --brand-primary-700: #171429;
    --brand-primary-700-rgb: 23 20 41;
    --brand-primary-800: #141124;
    --brand-primary-800-rgb: 20 17 36;
    --brand-primary-900: #110f1f;
    --brand-primary-900-rgb: 17 15 31;
    --brand-primary-950: #0f0d1c;
    --brand-primary-950-rgb: 15 13 28;
    --brand-primary_hover: #382d78;
    --brand-primary_hover-rgb: 56 45 120;
    --brand-primary_hover-50: #5141ae;
    --brand-primary_hover-50-rgb: 81 65 174;
    --brand-primary_hover-100: #4e3fa8;
    --brand-primary_hover-100-rgb: 78 63 168;
    --brand-primary_hover-200: #483a9c;
    --brand-primary_hover-200-rgb: 72 58 156;
    --brand-primary_hover-300: #433690;
    --brand-primary_hover-300-rgb: 67 54 144;
    --brand-primary_hover-400: #3d3184;
    --brand-primary_hover-400-rgb: 61 49 132;
    --brand-primary_hover-500: #382d78;
    --brand-primary_hover-500-rgb: 56 45 120;
    --brand-primary_hover-600: #32286c;
    --brand-primary_hover-600-rgb: 50 40 108;
    --brand-primary_hover-700: #2c2460;
    --brand-primary_hover-700-rgb: 44 36 96;
    --brand-primary_hover-800: #271f54;
    --brand-primary_hover-800-rgb: 39 31 84;
    --brand-primary_hover-900: #211b48;
    --brand-primary_hover-900-rgb: 33 27 72;
    --brand-primary_hover-950: #1e1842;
    --brand-primary_hover-950-rgb: 30 24 66;
    --brand-secondary: #F3CFB2;
    --brand-secondary-rgb: 243 207 178;
    --brand-secondary-50: #c2a58e;
    --brand-secondary-50-rgb: 194 165 142;
    --brand-secondary-100: #ceaf97;
    --brand-secondary-100-rgb: 206 175 151;
    --brand-secondary-200: #dabaa0;
    --brand-secondary-200-rgb: 218 186 160;
    --brand-secondary-300: #e6c4a9;
    --brand-secondary-300-rgb: 230 196 169;
    --brand-secondary-400: #eecaae;
    --brand-secondary-400-rgb: 238 202 174;
    --brand-secondary-500: #F3CFB2;
    --brand-secondary-500-rgb: 243 207 178;
    --brand-secondary-600: #ffd9ba;
    --brand-secondary-600-rgb: 255 217 186;
    --brand-secondary-700: #ffe3c3;
    --brand-secondary-700-rgb: 255 227 195;
    --brand-secondary-800: #ffeecc;
    --brand-secondary-800-rgb: 255 238 204;
    --brand-secondary-900: #fff8d5;
    --brand-secondary-900-rgb: 255 248 213;
    --brand-secondary-950: #ffffde;
    --brand-secondary-950-rgb: 255 255 222;
    --brand-accent: #F3CFB2;
    --brand-accent-rgb: 243 207 178;
    --brand-accent-50: #c2a58e;
    --brand-accent-50-rgb: 194 165 142;
    --brand-accent-100: #ceaf97;
    --brand-accent-100-rgb: 206 175 151;
    --brand-accent-200: #dabaa0;
    --brand-accent-200-rgb: 218 186 160;
    --brand-accent-300: #e6c4a9;
    --brand-accent-300-rgb: 230 196 169;
    --brand-accent-400: #eecaae;
    --brand-accent-400-rgb: 238 202 174;
    --brand-accent-500: #F3CFB2;
    --brand-accent-500-rgb: 243 207 178;
    --brand-accent-600: #ffd9ba;
    --brand-accent-600-rgb: 255 217 186;
    --brand-accent-700: #ffe3c3;
    --brand-accent-700-rgb: 255 227 195;
    --brand-accent-800: #ffeecc;
    --brand-accent-800-rgb: 255 238 204;
    --brand-accent-900: #fff8d5;
    --brand-accent-900-rgb: 255 248 213;
    --brand-accent-950: #ffffde;
    --brand-accent-950-rgb: 255 255 222;
    --brand-background: #F7F5F6;
    --brand-background-rgb: 247 245 246;
    --brand-background-50: #c5c4c4;
    --brand-background-50-rgb: 197 196 196;
    --brand-background-100: #d1d0d1;
    --brand-background-100-rgb: 209 208 209;
    --brand-background-200: #dedcdd;
    --brand-background-200-rgb: 222 220 221;
    --brand-background-300: #eae8e9;
    --brand-background-300-rgb: 234 232 233;
    --brand-background-400: #f2f0f1;
    --brand-background-400-rgb: 242 240 241;
    --brand-background-500: #F7F5F6;
    --brand-background-500-rgb: 247 245 246;
    --brand-background-600: #ffffff;
    --brand-background-600-rgb: 255 255 255;
    --brand-background-700: #ffffff;
    --brand-background-700-rgb: 255 255 255;
    --brand-background-800: #ffffff;
    --brand-background-800-rgb: 255 255 255;
    --brand-background-900: #ffffff;
    --brand-background-900-rgb: 255 255 255;
    --brand-background-950: #ffffff;
    --brand-background-950-rgb: 255 255 255;
    --brand-surface: #ededed;
    --brand-surface-rgb: 237 237 237;
    --brand-surface-50: #bdbdbd;
    --brand-surface-50-rgb: 189 189 189;
    --brand-surface-100: #c9c9c9;
    --brand-surface-100-rgb: 201 201 201;
    --brand-surface-200: #d5d5d5;
    --brand-surface-200-rgb: 213 213 213;
    --brand-surface-300: #e1e1e1;
    --brand-surface-300-rgb: 225 225 225;
    --brand-surface-400: #e8e8e8;
    --brand-surface-400-rgb: 232 232 232;
    --brand-surface-500: #ededed;
    --brand-surface-500-rgb: 237 237 237;
    --brand-surface-600: #f8f8f8;
    --brand-surface-600-rgb: 248 248 248;
    --brand-surface-700: #ffffff;
    --brand-surface-700-rgb: 255 255 255;
    --brand-surface-800: #ffffff;
    --brand-surface-800-rgb: 255 255 255;
    --brand-surface-900: #ffffff;
    --brand-surface-900-rgb: 255 255 255;
    --brand-surface-950: #ffffff;
    --brand-surface-950-rgb: 255 255 255;
    --brand-surface_hover: #F0EEEF;
    --brand-surface_hover-rgb: 240 238 239;
    --brand-surface_hover-50: #c0bebf;
    --brand-surface_hover-50-rgb: 192 190 191;
    --brand-surface_hover-100: #cccacb;
    --brand-surface_hover-100-rgb: 204 202 203;
    --brand-surface_hover-200: #d8d6d7;
    --brand-surface_hover-200-rgb: 216 214 215;
    --brand-surface_hover-300: #e4e2e3;
    --brand-surface_hover-300-rgb: 228 226 227;
    --brand-surface_hover-400: #ebe9ea;
    --brand-surface_hover-400-rgb: 235 233 234;
    --brand-surface_hover-500: #F0EEEF;
    --brand-surface_hover-500-rgb: 240 238 239;
    --brand-surface_hover-600: #fcf9fa;
    --brand-surface_hover-600-rgb: 252 249 250;
    --brand-surface_hover-700: #ffffff;
    --brand-surface_hover-700-rgb: 255 255 255;
    --brand-surface_hover-800: #ffffff;
    --brand-surface_hover-800-rgb: 255 255 255;
    --brand-surface_hover-900: #ffffff;
    --brand-surface_hover-900-rgb: 255 255 255;
    --brand-surface_hover-950: #ffffff;
    --brand-surface_hover-950-rgb: 255 255 255;
    --brand-text: #1D1934;
    --brand-text-rgb: 29 25 52;
    --brand-text-50: #2a244b;
    --brand-text-50-rgb: 42 36 75;
    --brand-text-100: #282348;
    --brand-text-100-rgb: 40 35 72;
    --brand-text-200: #252043;
    --brand-text-200-rgb: 37 32 67;
    --brand-text-300: #221e3e;
    --brand-text-300-rgb: 34 30 62;
    --brand-text-400: #1f1b39;
    --brand-text-400-rgb: 31 27 57;
    --brand-text-500: #1D1934;
    --brand-text-500-rgb: 29 25 52;
    --brand-text-600: #1a162e;
    --brand-text-600-rgb: 26 22 46;
    --brand-text-700: #171429;
    --brand-text-700-rgb: 23 20 41;
    --brand-text-800: #141124;
    --brand-text-800-rgb: 20 17 36;
    --brand-text-900: #110f1f;
    --brand-text-900-rgb: 17 15 31;
    --brand-text-950: #0f0d1c;
    --brand-text-950-rgb: 15 13 28;
    --brand-text_secondary: #6b6b6b;
    --brand-text_secondary-rgb: 107 107 107;
    --brand-text_secondary-50: #9b9b9b;
    --brand-text_secondary-50-rgb: 155 155 155;
    --brand-text_secondary-100: #959595;
    --brand-text_secondary-100-rgb: 149 149 149;
    --brand-text_secondary-200: #8b8b8b;
    --brand-text_secondary-200-rgb: 139 139 139;
    --brand-text_secondary-300: #808080;
    --brand-text_secondary-300-rgb: 128 128 128;
    --brand-text_secondary-400: #757575;
    --brand-text_secondary-400-rgb: 117 117 117;
    --brand-text_secondary-500: #6b6b6b;
    --brand-text_secondary-500-rgb: 107 107 107;
    --brand-text_secondary-600: #606060;
    --brand-text_secondary-600-rgb: 96 96 96;
    --brand-text_secondary-700: #555555;
    --brand-text_secondary-700-rgb: 85 85 85;
    --brand-text_secondary-800: #4a4a4a;
    --brand-text_secondary-800-rgb: 74 74 74;
    --brand-text_secondary-900: #404040;
    --brand-text_secondary-900-rgb: 64 64 64;
    --brand-text_secondary-950: #3a3a3a;
    --brand-text_secondary-950-rgb: 58 58 58;
    --brand-text_tertiary: #9ca3af;
    --brand-text_tertiary-rgb: 156 163 175;
    --brand-text_tertiary-50: #7c828c;
    --brand-text_tertiary-50-rgb: 124 130 140;
    --brand-text_tertiary-100: #848a94;
    --brand-text_tertiary-100-rgb: 132 138 148;
    --brand-text_tertiary-200: #8c929d;
    --brand-text_tertiary-200-rgb: 140 146 157;
    --brand-text_tertiary-300: #949aa6;
    --brand-text_tertiary-300-rgb: 148 154 166;
    --brand-text_tertiary-400: #989fab;
    --brand-text_tertiary-400-rgb: 152 159 171;
    --brand-text_tertiary-500: #9ca3af;
    --brand-text_tertiary-500-rgb: 156 163 175;
    --brand-text_tertiary-600: #a3abb7;
    --brand-text_tertiary-600-rgb: 163 171 183;
    --brand-text_tertiary-700: #abb3c0;
    --brand-text_tertiary-700-rgb: 171 179 192;
    --brand-text_tertiary-800: #b3bbc9;
    --brand-text_tertiary-800-rgb: 179 187 201;
    --brand-text_tertiary-900: #bbc3d2;
    --brand-text_tertiary-900-rgb: 187 195 210;
    --brand-text_tertiary-950: #c3cbda;
    --brand-text_tertiary-950-rgb: 195 203 218;
    --brand-border: #E5E5E5;
    --brand-border-rgb: 229 229 229;
    --brand-border-50: #b7b7b7;
    --brand-border-50-rgb: 183 183 183;
    --brand-border-100: #c2c2c2;
    --brand-border-100-rgb: 194 194 194;
    --brand-border-200: #cecece;
    --brand-border-200-rgb: 206 206 206;
    --brand-border-300: #d9d9d9;
    --brand-border-300-rgb: 217 217 217;
    --brand-border-400: #e0e0e0;
    --brand-border-400-rgb: 224 224 224;
    --brand-border-500: #E5E5E5;
    --brand-border-500-rgb: 229 229 229;
    --brand-border-600: #f0f0f0;
    --brand-border-600-rgb: 240 240 240;
    --brand-border-700: #fbfbfb;
    --brand-border-700-rgb: 251 251 251;
    --brand-border-800: #ffffff;
    --brand-border-800-rgb: 255 255 255;
    --brand-border-900: #ffffff;
    --brand-border-900-rgb: 255 255 255;
    --brand-border-950: #ffffff;
    --brand-border-950-rgb: 255 255 255;
    --brand-border_hover: #D1D1D1;
    --brand-border_hover-rgb: 209 209 209;
    --brand-border_hover-50: #a7a7a7;
    --brand-border_hover-50-rgb: 167 167 167;
    --brand-border_hover-100: #b1b1b1;
    --brand-border_hover-100-rgb: 177 177 177;
    --brand-border_hover-200: #bcbcbc;
    --brand-border_hover-200-rgb: 188 188 188;
    --brand-border_hover-300: #c6c6c6;
    --brand-border_hover-300-rgb: 198 198 198;
    --brand-border_hover-400: #cccccc;
    --brand-border_hover-400-rgb: 204 204 204;
    --brand-border_hover-500: #D1D1D1;
    --brand-border_hover-500-rgb: 209 209 209;
    --brand-border_hover-600: #dbdbdb;
    --brand-border_hover-600-rgb: 219 219 219;
    --brand-border_hover-700: #e5e5e5;
    --brand-border_hover-700-rgb: 229 229 229;
    --brand-border_hover-800: #f0f0f0;
    --brand-border_hover-800-rgb: 240 240 240;
    --brand-border_hover-900: #fafafa;
    --brand-border_hover-900-rgb: 250 250 250;
    --brand-border_hover-950: #ffffff;
    --brand-border_hover-950-rgb: 255 255 255;
    --brand-success: #2F8F4E;
    --brand-success-rgb: 47 143 78;
    --brand-success-50: #44cf71;
    --brand-success-50-rgb: 68 207 113;
    --brand-success-100: #41c86d;
    --brand-success-100-rgb: 65 200 109;
    --brand-success-200: #3db965;
    --brand-success-200-rgb: 61 185 101;
    --brand-success-300: #38ab5d;
    --brand-success-300-rgb: 56 171 93;
    --brand-success-400: #339d55;
    --brand-success-400-rgb: 51 157 85;
    --brand-success-500: #2F8F4E;
    --brand-success-500-rgb: 47 143 78;
    --brand-success-600: #2a8046;
    --brand-success-600-rgb: 42 128 70;
    --brand-success-700: #25723e;
    --brand-success-700-rgb: 37 114 62;
    --brand-success-800: #206436;
    --brand-success-800-rgb: 32 100 54;
    --brand-success-900: #1c552e;
    --brand-success-900-rgb: 28 85 46;
    --brand-success-950: #194e2a;
    --brand-success-950-rgb: 25 78 42;
    --brand-warning: #D39E2A;
    --brand-warning-rgb: 211 158 42;
    --brand-warning-50: #a87e21;
    --brand-warning-50-rgb: 168 126 33;
    --brand-warning-100: #b38623;
    --brand-warning-100-rgb: 179 134 35;
    --brand-warning-200: #bd8e25;
    --brand-warning-200-rgb: 189 142 37;
    --brand-warning-300: #c89627;
    --brand-warning-300-rgb: 200 150 39;
    --brand-warning-400: #ce9a29;
    --brand-warning-400-rgb: 206 154 41;
    --brand-warning-500: #D39E2A;
    --brand-warning-500-rgb: 211 158 42;
    --brand-warning-600: #dda52c;
    --brand-warning-600-rgb: 221 165 44;
    --brand-warning-700: #e8ad2e;
    --brand-warning-700-rgb: 232 173 46;
    --brand-warning-800: #f2b530;
    --brand-warning-800-rgb: 242 181 48;
    --brand-warning-900: #fdbd32;
    --brand-warning-900-rgb: 253 189 50;
    --brand-warning-950: #ffc534;
    --brand-warning-950-rgb: 255 197 52;
    --brand-danger: #C93B2B;
    --brand-danger-rgb: 201 59 43;
    --brand-danger-50: #ff553e;
    --brand-danger-50-rgb: 255 85 62;
    --brand-danger-100: #ff523c;
    --brand-danger-100-rgb: 255 82 60;
    --brand-danger-200: #ff4c37;
    --brand-danger-200-rgb: 255 76 55;
    --brand-danger-300: #f14633;
    --brand-danger-300-rgb: 241 70 51;
    --brand-danger-400: #dd402f;
    --brand-danger-400-rgb: 221 64 47;
    --brand-danger-500: #C93B2B;
    --brand-danger-500-rgb: 201 59 43;
    --brand-danger-600: #b43526;
    --brand-danger-600-rgb: 180 53 38;
    --brand-danger-700: #a02f22;
    --brand-danger-700-rgb: 160 47 34;
    --brand-danger-800: #8c291e;
    --brand-danger-800-rgb: 140 41 30;
    --brand-danger-900: #782319;
    --brand-danger-900-rgb: 120 35 25;
    --brand-danger-950: #6e2017;
    --brand-danger-950-rgb: 110 32 23;

    /* Typography */
    --font-heading: 'Chillax', sans-serif;
    --font-body: 'Chillax', sans-serif;

    /* Text Size Variables */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;

    /* Base font application */
    --font-base: var(--font-body);
    --font-heading-base: var(--font-heading);
}

.dark {
    /* Dark Mode Brand Colors */
    --brand-primary: #F3CFB2;
    --brand-primary-rgb: 243 207 178;
    --brand-primary-50: #c2a58e;
    --brand-primary-50-rgb: 194 165 142;
    --brand-primary-100: #ceaf97;
    --brand-primary-100-rgb: 206 175 151;
    --brand-primary-200: #dabaa0;
    --brand-primary-200-rgb: 218 186 160;
    --brand-primary-300: #e6c4a9;
    --brand-primary-300-rgb: 230 196 169;
    --brand-primary-400: #eecaae;
    --brand-primary-400-rgb: 238 202 174;
    --brand-primary-500: #F3CFB2;
    --brand-primary-500-rgb: 243 207 178;
    --brand-primary-600: #ffd9ba;
    --brand-primary-600-rgb: 255 217 186;
    --brand-primary-700: #ffe3c3;
    --brand-primary-700-rgb: 255 227 195;
    --brand-primary-800: #ffeecc;
    --brand-primary-800-rgb: 255 238 204;
    --brand-primary-900: #fff8d5;
    --brand-primary-900-rgb: 255 248 213;
    --brand-primary-950: #ffffde;
    --brand-primary-950-rgb: 255 255 222;
    --brand-primary_hover: #FFD4B3;
    --brand-primary_hover-rgb: 255 212 179;
    --brand-primary_hover-50: #cca98f;
    --brand-primary_hover-50-rgb: 204 169 143;
    --brand-primary_hover-100: #d8b498;
    --brand-primary_hover-100-rgb: 216 180 152;
    --brand-primary_hover-200: #e5bea1;
    --brand-primary_hover-200-rgb: 229 190 161;
    --brand-primary_hover-300: #f2c9aa;
    --brand-primary_hover-300-rgb: 242 201 170;
    --brand-primary_hover-400: #f9cfaf;
    --brand-primary_hover-400-rgb: 249 207 175;
    --brand-primary_hover-500: #FFD4B3;
    --brand-primary_hover-500-rgb: 255 212 179;
    --brand-primary_hover-600: #ffdebb;
    --brand-primary_hover-600-rgb: 255 222 187;
    --brand-primary_hover-700: #ffe9c4;
    --brand-primary_hover-700-rgb: 255 233 196;
    --brand-primary_hover-800: #fff3cd;
    --brand-primary_hover-800-rgb: 255 243 205;
    --brand-primary_hover-900: #fffed6;
    --brand-primary_hover-900-rgb: 255 254 214;
    --brand-primary_hover-950: #ffffdf;
    --brand-primary_hover-950-rgb: 255 255 223;
    --brand-secondary: #1D1934;
    --brand-secondary-rgb: 29 25 52;
    --brand-secondary-50: #2a244b;
    --brand-secondary-50-rgb: 42 36 75;
    --brand-secondary-100: #282348;
    --brand-secondary-100-rgb: 40 35 72;
    --brand-secondary-200: #252043;
    --brand-secondary-200-rgb: 37 32 67;
    --brand-secondary-300: #221e3e;
    --brand-secondary-300-rgb: 34 30 62;
    --brand-secondary-400: #1f1b39;
    --brand-secondary-400-rgb: 31 27 57;
    --brand-secondary-500: #1D1934;
    --brand-secondary-500-rgb: 29 25 52;
    --brand-secondary-600: #1a162e;
    --brand-secondary-600-rgb: 26 22 46;
    --brand-secondary-700: #171429;
    --brand-secondary-700-rgb: 23 20 41;
    --brand-secondary-800: #141124;
    --brand-secondary-800-rgb: 20 17 36;
    --brand-secondary-900: #110f1f;
    --brand-secondary-900-rgb: 17 15 31;
    --brand-secondary-950: #0f0d1c;
    --brand-secondary-950-rgb: 15 13 28;
    --brand-accent: #F3CFB2;
    --brand-accent-rgb: 243 207 178;
    --brand-accent-50: #c2a58e;
    --brand-accent-50-rgb: 194 165 142;
    --brand-accent-100: #ceaf97;
    --brand-accent-100-rgb: 206 175 151;
    --brand-accent-200: #dabaa0;
    --brand-accent-200-rgb: 218 186 160;
    --brand-accent-300: #e6c4a9;
    --brand-accent-300-rgb: 230 196 169;
    --brand-accent-400: #eecaae;
    --brand-accent-400-rgb: 238 202 174;
    --brand-accent-500: #F3CFB2;
    --brand-accent-500-rgb: 243 207 178;
    --brand-accent-600: #ffd9ba;
    --brand-accent-600-rgb: 255 217 186;
    --brand-accent-700: #ffe3c3;
    --brand-accent-700-rgb: 255 227 195;
    --brand-accent-800: #ffeecc;
    --brand-accent-800-rgb: 255 238 204;
    --brand-accent-900: #fff8d5;
    --brand-accent-900-rgb: 255 248 213;
    --brand-accent-950: #ffffde;
    --brand-accent-950-rgb: 255 255 222;
    --brand-background: #0F0D1C;
    --brand-background-rgb: 15 13 28;
    --brand-background-50: #151228;
    --brand-background-50-rgb: 21 18 40;
    --brand-background-100: #151227;
    --brand-background-100-rgb: 21 18 39;
    --brand-background-200: #131024;
    --brand-background-200-rgb: 19 16 36;
    --brand-background-300: #120f21;
    --brand-background-300-rgb: 18 15 33;
    --brand-background-400: #100e1e;
    --brand-background-400-rgb: 16 14 30;
    --brand-background-500: #0F0D1C;
    --brand-background-500-rgb: 15 13 28;
    --brand-background-600: #0d0b19;
    --brand-background-600-rgb: 13 11 25;
    --brand-background-700: #0c0a16;
    --brand-background-700-rgb: 12 10 22;
    --brand-background-800: #0a0913;
    --brand-background-800-rgb: 10 9 19;
    --brand-background-900: #090710;
    --brand-background-900-rgb: 9 7 16;
    --brand-background-950: #08070f;
    --brand-background-950-rgb: 8 7 15;
    --brand-surface: #1D1934;
    --brand-surface-rgb: 29 25 52;
    --brand-surface-50: #2a244b;
    --brand-surface-50-rgb: 42 36 75;
    --brand-surface-100: #282348;
    --brand-surface-100-rgb: 40 35 72;
    --brand-surface-200: #252043;
    --brand-surface-200-rgb: 37 32 67;
    --brand-surface-300: #221e3e;
    --brand-surface-300-rgb: 34 30 62;
    --brand-surface-400: #1f1b39;
    --brand-surface-400-rgb: 31 27 57;
    --brand-surface-500: #1D1934;
    --brand-surface-500-rgb: 29 25 52;
    --brand-surface-600: #1a162e;
    --brand-surface-600-rgb: 26 22 46;
    --brand-surface-700: #171429;
    --brand-surface-700-rgb: 23 20 41;
    --brand-surface-800: #141124;
    --brand-surface-800-rgb: 20 17 36;
    --brand-surface-900: #110f1f;
    --brand-surface-900-rgb: 17 15 31;
    --brand-surface-950: #0f0d1c;
    --brand-surface-950-rgb: 15 13 28;
    --brand-surface_hover: #2A2448;
    --brand-surface_hover-rgb: 42 36 72;
    --brand-surface_hover-50: #3c3468;
    --brand-surface_hover-50-rgb: 60 52 104;
    --brand-surface_hover-100: #3a3264;
    --brand-surface_hover-100-rgb: 58 50 100;
    --brand-surface_hover-200: #362e5d;
    --brand-surface_hover-200-rgb: 54 46 93;
    --brand-surface_hover-300: #322b56;
    --brand-surface_hover-300-rgb: 50 43 86;
    --brand-surface_hover-400: #2e274f;
    --brand-surface_hover-400-rgb: 46 39 79;
    --brand-surface_hover-500: #2A2448;
    --brand-surface_hover-500-rgb: 42 36 72;
    --brand-surface_hover-600: #252040;
    --brand-surface_hover-600-rgb: 37 32 64;
    --brand-surface_hover-700: #211c39;
    --brand-surface_hover-700-rgb: 33 28 57;
    --brand-surface_hover-800: #1d1932;
    --brand-surface_hover-800-rgb: 29 25 50;
    --brand-surface_hover-900: #19152b;
    --brand-surface_hover-900-rgb: 25 21 43;
    --brand-surface_hover-950: #171327;
    --brand-surface_hover-950-rgb: 23 19 39;
    --brand-text: #F7F5F6;
    --brand-text-rgb: 247 245 246;
    --brand-text-50: #c5c4c4;
    --brand-text-50-rgb: 197 196 196;
    --brand-text-100: #d1d0d1;
    --brand-text-100-rgb: 209 208 209;
    --brand-text-200: #dedcdd;
    --brand-text-200-rgb: 222 220 221;
    --brand-text-300: #eae8e9;
    --brand-text-300-rgb: 234 232 233;
    --brand-text-400: #f2f0f1;
    --brand-text-400-rgb: 242 240 241;
    --brand-text-500: #F7F5F6;
    --brand-text-500-rgb: 247 245 246;
    --brand-text-600: #ffffff;
    --brand-text-600-rgb: 255 255 255;
    --brand-text-700: #ffffff;
    --brand-text-700-rgb: 255 255 255;
    --brand-text-800: #ffffff;
    --brand-text-800-rgb: 255 255 255;
    --brand-text-900: #ffffff;
    --brand-text-900-rgb: 255 255 255;
    --brand-text-950: #ffffff;
    --brand-text-950-rgb: 255 255 255;
    --brand-text_secondary: #A1A1AA;
    --brand-text_secondary-rgb: 161 161 170;
    --brand-text_secondary-50: #808088;
    --brand-text_secondary-50-rgb: 128 128 136;
    --brand-text_secondary-100: #888890;
    --brand-text_secondary-100-rgb: 136 136 144;
    --brand-text_secondary-200: #909099;
    --brand-text_secondary-200-rgb: 144 144 153;
    --brand-text_secondary-300: #9898a1;
    --brand-text_secondary-300-rgb: 152 152 161;
    --brand-text_secondary-400: #9d9da6;
    --brand-text_secondary-400-rgb: 157 157 166;
    --brand-text_secondary-500: #A1A1AA;
    --brand-text_secondary-500-rgb: 161 161 170;
    --brand-text_secondary-600: #a9a9b2;
    --brand-text_secondary-600-rgb: 169 169 178;
    --brand-text_secondary-700: #b1b1bb;
    --brand-text_secondary-700-rgb: 177 177 187;
    --brand-text_secondary-800: #b9b9c3;
    --brand-text_secondary-800-rgb: 185 185 195;
    --brand-text_secondary-900: #c1c1cc;
    --brand-text_secondary-900-rgb: 193 193 204;
    --brand-text_secondary-950: #c9c9d4;
    --brand-text_secondary-950-rgb: 201 201 212;
    --brand-text_tertiary: #71717A;
    --brand-text_tertiary-rgb: 113 113 122;
    --brand-text_tertiary-50: #a3a3b0;
    --brand-text_tertiary-50-rgb: 163 163 176;
    --brand-text_tertiary-100: #9e9eaa;
    --brand-text_tertiary-100-rgb: 158 158 170;
    --brand-text_tertiary-200: #92929e;
    --brand-text_tertiary-200-rgb: 146 146 158;
    --brand-text_tertiary-300: #878792;
    --brand-text_tertiary-300-rgb: 135 135 146;
    --brand-text_tertiary-400: #7c7c86;
    --brand-text_tertiary-400-rgb: 124 124 134;
    --brand-text_tertiary-500: #71717A;
    --brand-text_tertiary-500-rgb: 113 113 122;
    --brand-text_tertiary-600: #65656d;
    --brand-text_tertiary-600-rgb: 101 101 109;
    --brand-text_tertiary-700: #5a5a61;
    --brand-text_tertiary-700-rgb: 90 90 97;
    --brand-text_tertiary-800: #4f4f55;
    --brand-text_tertiary-800-rgb: 79 79 85;
    --brand-text_tertiary-900: #434349;
    --brand-text_tertiary-900-rgb: 67 67 73;
    --brand-text_tertiary-950: #3e3e43;
    --brand-text_tertiary-950-rgb: 62 62 67;
    --brand-border: #2A2448;
    --brand-border-rgb: 42 36 72;
    --brand-border-50: #3c3468;
    --brand-border-50-rgb: 60 52 104;
    --brand-border-100: #3a3264;
    --brand-border-100-rgb: 58 50 100;
    --brand-border-200: #362e5d;
    --brand-border-200-rgb: 54 46 93;
    --brand-border-300: #322b56;
    --brand-border-300-rgb: 50 43 86;
    --brand-border-400: #2e274f;
    --brand-border-400-rgb: 46 39 79;
    --brand-border-500: #2A2448;
    --brand-border-500-rgb: 42 36 72;
    --brand-border-600: #252040;
    --brand-border-600-rgb: 37 32 64;
    --brand-border-700: #211c39;
    --brand-border-700-rgb: 33 28 57;
    --brand-border-800: #1d1932;
    --brand-border-800-rgb: 29 25 50;
    --brand-border-900: #19152b;
    --brand-border-900-rgb: 25 21 43;
    --brand-border-950: #171327;
    --brand-border-950-rgb: 23 19 39;
    --brand-border_hover: #3A3460;
    --brand-border_hover-rgb: 58 52 96;
    --brand-border_hover-50: #544b8b;
    --brand-border_hover-50-rgb: 84 75 139;
    --brand-border_hover-100: #514886;
    --brand-border_hover-100-rgb: 81 72 134;
    --brand-border_hover-200: #4b437c;
    --brand-border_hover-200-rgb: 75 67 124;
    --brand-border_hover-300: #453e73;
    --brand-border_hover-300-rgb: 69 62 115;
    --brand-border_hover-400: #3f3969;
    --brand-border_hover-400-rgb: 63 57 105;
    --brand-border_hover-500: #3A3460;
    --brand-border_hover-500-rgb: 58 52 96;
    --brand-border_hover-600: #342e56;
    --brand-border_hover-600-rgb: 52 46 86;
    --brand-border_hover-700: #2e294c;
    --brand-border_hover-700-rgb: 46 41 76;
    --brand-border_hover-800: #282443;
    --brand-border_hover-800-rgb: 40 36 67;
    --brand-border_hover-900: #221f39;
    --brand-border_hover-900-rgb: 34 31 57;
    --brand-border_hover-950: #1f1c34;
    --brand-border_hover-950-rgb: 31 28 52;
    --brand-success: #4ADE80;
    --brand-success-rgb: 74 222 128;
    --brand-success-50: #3bb166;
    --brand-success-50-rgb: 59 177 102;
    --brand-success-100: #3ebc6c;
    --brand-success-100-rgb: 62 188 108;
    --brand-success-200: #42c773;
    --brand-success-200-rgb: 66 199 115;
    --brand-success-300: #46d279;
    --brand-success-300-rgb: 70 210 121;
    --brand-success-400: #48d97d;
    --brand-success-400-rgb: 72 217 125;
    --brand-success-500: #4ADE80;
    --brand-success-500-rgb: 74 222 128;
    --brand-success-600: #4de986;
    --brand-success-600-rgb: 77 233 134;
    --brand-success-700: #51f48c;
    --brand-success-700-rgb: 81 244 140;
    --brand-success-800: #55ff93;
    --brand-success-800-rgb: 85 255 147;
    --brand-success-900: #58ff99;
    --brand-success-900-rgb: 88 255 153;
    --brand-success-950: #5cffa0;
    --brand-success-950-rgb: 92 255 160;
    --brand-warning: #FACC15;
    --brand-warning-rgb: 250 204 21;
    --brand-warning-50: #c8a310;
    --brand-warning-50-rgb: 200 163 16;
    --brand-warning-100: #d4ad11;
    --brand-warning-100-rgb: 212 173 17;
    --brand-warning-200: #e1b712;
    --brand-warning-200-rgb: 225 183 18;
    --brand-warning-300: #edc113;
    --brand-warning-300-rgb: 237 193 19;
    --brand-warning-400: #f5c714;
    --brand-warning-400-rgb: 245 199 20;
    --brand-warning-500: #FACC15;
    --brand-warning-500-rgb: 250 204 21;
    --brand-warning-600: #ffd616;
    --brand-warning-600-rgb: 255 214 22;
    --brand-warning-700: #ffe017;
    --brand-warning-700-rgb: 255 224 23;
    --brand-warning-800: #ffea18;
    --brand-warning-800-rgb: 255 234 24;
    --brand-warning-900: #fff419;
    --brand-warning-900-rgb: 255 244 25;
    --brand-warning-950: #ffff1a;
    --brand-warning-950-rgb: 255 255 26;
    --brand-danger: #F87171;
    --brand-danger-rgb: 248 113 113;
    --brand-danger-50: #c65a5a;
    --brand-danger-50-rgb: 198 90 90;
    --brand-danger-100: #d26060;
    --brand-danger-100-rgb: 210 96 96;
    --brand-danger-200: #df6565;
    --brand-danger-200-rgb: 223 101 101;
    --brand-danger-300: #eb6b6b;
    --brand-danger-300-rgb: 235 107 107;
    --brand-danger-400: #f36e6e;
    --brand-danger-400-rgb: 243 110 110;
    --brand-danger-500: #F87171;
    --brand-danger-500-rgb: 248 113 113;
    --brand-danger-600: #ff7676;
    --brand-danger-600-rgb: 255 118 118;
    --brand-danger-700: #ff7c7c;
    --brand-danger-700-rgb: 255 124 124;
    --brand-danger-800: #ff8181;
    --brand-danger-800-rgb: 255 129 129;
    --brand-danger-900: #ff8787;
    --brand-danger-900-rgb: 255 135 135;
    --brand-danger-950: #ff8d8d;
    --brand-danger-950-rgb: 255 141 141;
}
/* Apply default font to entire front-end (excluding Filament) */
body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

/* Input Brand Component */
.input-brand {
    background-color: var(--brand-background);
    border: 1px solid var(--brand-border);
    border-radius: var(--brand-border-radius, 0.5rem);
    color: var(--brand-text);
    padding: var(--brand-input-padding, 0.875rem 1rem);
    transition: var(--brand-input-transition, all 0.15s ease);
    width: 100%;
    font-family: var(--font-body);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.input-brand:focus {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgb(var(--brand-primary-rgb) / 0.1);
}

.input-brand::placeholder {
    color: var(--brand-text_secondary);
}

.input-brand:disabled {
    background-color: var(--brand-surface);
    color: var(--brand-text_tertiary);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Textarea Brand Component */
.textarea-brand {
    background-color: var(--brand-background);
    border: 1px solid var(--brand-border);
    border-radius: var(--brand-border-radius, 0.5rem);
    color: var(--brand-text);
    padding: var(--brand-input-padding, 0.875rem 1rem);
    transition: var(--brand-input-transition, all 0.15s ease);
    width: 100%;
    font-family: var(--font-body);
    font-size: 0.875rem;
    line-height: 1.25rem;
    resize: vertical;
    min-height: 6rem;
}

.textarea-brand:focus {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgb(var(--brand-primary-rgb) / 0.1);
}

.textarea-brand::placeholder {
    color: var(--brand-text_secondary);
}

.textarea-brand:disabled {
    background-color: var(--brand-surface);
    color: var(--brand-text_tertiary);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Select Brand Component */
.select-brand {
    background-color: var(--brand-background);
    border: 1px solid var(--brand-border);
    border-radius: var(--brand-border-radius, 0.5rem);
    color: var(--brand-text);
    padding: var(--brand-input-padding, 0.875rem 1rem);
    transition: var(--brand-input-transition, all 0.15s ease);
    width: 100%;
    font-family: var(--font-body);
    font-size: 0.875rem;
    line-height: 1.25rem;
    cursor: pointer;
}

.select-brand:focus {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgb(var(--brand-primary-rgb) / 0.1);
}

.select-brand:disabled {
    background-color: var(--brand-surface);
    color: var(--brand-text_tertiary);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Input States */
.input-error {
    border-color: var(--brand-danger);
    box-shadow: 0 0 0 3px rgb(var(--brand-danger-rgb) / 0.1);
}

.input-success {
    border-color: var(--brand-success);
    box-shadow: 0 0 0 3px rgb(var(--brand-success-rgb) / 0.1);
}