:root {
    --grid-unit: 4px;
    /*primitives*/
    --primitives-accent-blue-blue-100-acc4-: #00b7ef;
    --primitives-accent-blue-blue-200-: #469de5;
    --primitives-accent-blue-blue-300-acc1-: #3e8bcb;
    --primitives-accent-blue-blue-400-: #24669c;
    --primitives-accent-blue-blue-500-: #1f5887;
    --primitives-accent-blue-blue-600-: #1b4b73;
    --primitives-accent-blue-blue-700-: #163e5e;
    --primitives-accent-blue-blue-800-nav-: #112049;
    --primitives-accent-blue-blue-900-: #0c1736;
    --primitives-accent-deep-blue-deepblue-100-: #3b69fc;
    --primitives-accent-deep-blue-deepblue-200-: #3561e3;
    --primitives-accent-deep-blue-deepblue-300-: #2f57c9;
    --primitives-accent-deep-blue-deepblue-400-: #294cb0;
    --primitives-accent-deep-blue-deepblue-500-: #234196;
    --primitives-accent-deep-blue-deepblue-600-: #1d367d;
    --primitives-accent-deep-blue-deepblue-700-: #172b63;
    --primitives-accent-deep-blue-deepblue-800-nav-: #112049;
    --primitives-accent-deep-blue-deepblue-900-: #0b1530;
    --primitives-accent-gold-gold-100-: #fbc555;
    --primitives-accent-gold-gold-200-: #e0b04c;
    --primitives-accent-gold-gold-300-: #c79c43;
    --primitives-accent-gold-gold-400-: #ad883b;
    --primitives-accent-gold-gold-500-: #947432;
    --primitives-accent-gold-gold-600-: #7a6029;
    --primitives-accent-gold-gold-700-: #614c21;
    --primitives-accent-gold-gold-800-: #473818;
    --primitives-accent-gold-gold-900-: #2e2410;
    --primitives-accent-green-green-100-: #7fff56;
    --primitives-accent-green-green-200-: #73e84e;
    --primitives-accent-green-green-300-: #67cf46;
    --primitives-accent-green-green-400-acc7-: #5ab43d;
    --primitives-accent-green-green-500-: #4e9c35;
    --primitives-accent-green-green-600-: #41822c;
    --primitives-accent-green-green-700-: #346923;
    --primitives-accent-green-green-800-: #274f1a;
    --primitives-accent-green-green-900-: #1b3612;
    --primitives-accent-orange-orange-100-accent-: #ff8317;
    --primitives-accent-orange-orange-200-: #eb7915;
    --primitives-accent-orange-orange-300-: #d66e13;
    --primitives-accent-orange-orange-400-: #c26411;
    --primitives-accent-orange-orange-500-: #ad590f;
    --primitives-accent-orange-orange-600-: #994f0e;
    --primitives-accent-orange-orange-700-: #85440c;
    --primitives-accent-orange-orange-800-: #703a0a;
    --primitives-accent-orange-orange-900-: #5c3008;
    --primitives-accent-red-red-100-: #ff525f;
    --primitives-accent-red-red-200-: #ff061c;
    --primitives-accent-red-red-300-normal-: #d30518;
    --primitives-accent-red-red-400-: #ba0414;
    --primitives-accent-red-red-500-: #a10411;
    --primitives-accent-red-red-600-: #a10411;
    --primitives-accent-red-red-700-: #87030e;
    --primitives-accent-red-red-800-: #6e030c;
    --primitives-accent-red-red-900-: #540209;
    --primitives-basic-black-: #000000;
    --primitives-basic-white-: #ffffff;
    --primitives-neutral-neutral-100-: #f0f3f5;
    --primitives-neutral-neutral-200-: #eaedef;
    --primitives-neutral-neutral-300-: #e1e4e6;
    --primitives-neutral-neutral-400-: #cbcdcf;
    --primitives-neutral-neutral-50-: #f9f9f9;
    --primitives-neutral-neutral-500-: #afb1b3;
    --primitives-neutral-neutral-600-: #969899;
    --primitives-neutral-neutral-700-: #7d7f80;
    --primitives-neutral-neutral-800-: #646566;
    --primitives-neutral-neutral-900-: #4b4c4d;
    --primitives-transparent-black-a50-: rgba(0, 0, 0, 0.5000);
    --primitives-transparent-black-a80-: rgba(0, 0, 0, 0.8000);
    --primitives-transparent-blue-a12-: rgba(0, 183, 239, 0.1200);
    --primitives-transparent-blue-a25-: rgba(0, 183, 239, 0.2500);
    --primitives-transparent-blue-a50-: rgba(0, 183, 239, 0.5000);
    --primitives-transparent-blue-a75-: rgba(0, 183, 239, 0.7500);
    --primitives-transparent-nav-blue-a80-: rgba(17, 32, 73, 0.8000);
    --primitives-transparent-none-: rgba(255, 255, 255, 0.0000);
    --primitives-transparent-white-a50-: rgba(255, 255, 255, 0.5000);
    --primitives-transparent-white-a80-: rgba(255, 255, 255, 0.8000);
    --primitives-brand-prim-dark-blue-: #214092;
    --primitives-brand-prim-neutral-: #1f1f1f;
    --primitives-brand-prim-normal-blue-: #3977a7;
    --primitives-brand-secondary-green-: #65bc46;
    /*fills*/
    --semantic-fills-attention-: var(--primitives-accent-gold-gold-100-);
    --semantic-fills-brand-blue-: var(--primitives-brand-prim-dark-blue-);
    --semantic-fills-brand-green-: var(--primitives-accent-green-green-700-);
    --semantic-fills-brand-white-: var(--primitives-basic-white-);
    --semantic-fills-information-: var(--primitives-accent-blue-blue-400-);
    --semantic-fills-negative-: var(--primitives-accent-red-red-300-normal-);
    --semantic-fills-positive-: var(--primitives-accent-green-green-500-);
    --semantic-fills-positive-dark-: var(--primitives-accent-green-green-700-);
    --semantic-fills-primary-: var(--primitives-neutral-neutral-50-);
    --semantic-fills-secondary-: var(--primitives-neutral-neutral-100-);
    --semantic-fills-tertiary-: var(--primitives-neutral-neutral-200-);
    --semantic-fills-tran-blue-1-: var(--primitives-transparent-blue-a25-);
    --semantic-fills-tran-blue-2-: var(--primitives-transparent-blue-a12-);
    --semantic-fills-tran-dark-1-: var(--primitives-transparent-black-a50-);
    --semantic-fills-tran-dark-2-: var(--primitives-transparent-black-a80-);
    --semantic-fills-tran-light-1-: var(--primitives-transparent-white-a50-);
    --semantic-fills-tran-light-2-: var(--primitives-transparent-white-a80-);
    --semantic-icon-information-: var(--primitives-accent-blue-blue-300-acc1-);
    --semantic-icon-link-hover-: var(--primitives-brand-prim-normal-blue-);
    /*icons*/
    --semantic-icon-negative-: var(--primitives-accent-red-red-300-normal-);
    --semantic-icon-orange-: var(--primitives-accent-orange-orange-100-accent-);
    --semantic-icon-positive-: var(--primitives-accent-green-green-400-acc7-);
    --semantic-icon-primary-: var(--primitives-brand-prim-neutral-);
    --semantic-icon-reverse-: var(--primitives-basic-white-);
    --semantic-icon-secondary-: var(--primitives-neutral-neutral-600-);
    --semantic-icon-warning-: var(--primitives-accent-gold-gold-100-);
    /*font weights */
    --font-weight-black-: 900;
    --font-weight-black-italic-: 'Black Italic';
    --font-weight-bold-: 700;
    --font-weight-bold-italic-: 'Bold Italic';
    --font-weight-extra-bold-: 800;
    --font-weight-extra-bold-italic-: 'Extra Bold Italic';
    --font-weight-light-: 300;
    --font-weight-light-italic-: 'Light Italic';
    --font-weight-medium-: 500;
    --font-weight-medium-italic-: 'Medium Italic';
    --font-weight-regular-: 400;
    --font-weight-regular-italic-: Italic;
    --font-weight-semibold-: 600;
    --font-weight-semibold-italic-: 'Semi Bold Italic';
    --font-weight-thin-: 100;
    --font-weight-thin-italic-: 'Thin Italic';
    /*font scales*/
    --font-scales-4xl-: 24px;
    --font-scales-5xl-: 32px;
    --font-scales-6xl-: 40px;
    --font-scales-7xl-: 54px;
    --font-scales-8xl-: 80px;
    --font-scales-label-: 10px;
    --font-scales-large-: 24px;
    --font-scales-normal-: 18px;
    --font-scales-rate-: 64px;
    --font-scales-small-: 16px;
    --font-scales-x-small-: 14px;
    --font-scales-xx-small-: 12px;
    --shadow-xl-fill-: rgba(255, 255, 255, 1.0);
    --shadow-xl-shadow-: 0.0px 8.0px 10.0px -6.0px rgba(0, 0, 0, 0.1),0.0px 20.0px 25.0px -5.0px rgba(0, 0, 0, 0.1);
    /*gradients*/
    --grad-dark-green-: linear-gradient(180.0deg, rgba(52, 105, 35, 1.0) 0%, rgba(39, 79, 26, 1.0) 100%);
    --grad-prime-blue-: linear-gradient(180.0deg, rgba(33, 64, 146, 1.0) 0%, rgba(27, 53, 120, 1.0) 100%);
    --grad-neut-1-: linear-gradient(159.78deg, rgba(255, 255, 255, 1.0) 0%, rgba(240, 240, 240, 1.0) 100%);
    --grad-spectrum-: linear-gradient(90.0deg, rgba(62, 139, 203, 1.0) 0%, rgba(0, 183, 239, 1.0) 50%, rgba(90, 180, 61, 1.0) 100%);
    /*car loan calculator*/
    /* Brand Colors */
    --car-brand-primary: #214092;
    --car-brand-secondary: #3977a7;
    --car-brand-success: #65bc46;
    --car-brand-info: #3e8bcb;
    --car-brand-warning: #fbc555;
    --car-brand-danger: #d30518;
    /* Typography */
    --car-font-family: "Proxima Nova", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --car-font-weight-normal: 400;
    --car-font-weight-medium: 500;
    --car-font-weight-semibold: 600;
    --car-font-weight-bold: 700;
    /* Spacing & Layout */
    --car-border-radius: 8px;
    --car-border-radius-sm: 4px;
    --car-border-radius-lg: 16px;
    --car-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --car-box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    /* Colors */
    --car-text-prime-neutral: #1f1f1f;
    --car-neutral-400: #cbcdcf;
    --car-tran-blue-2: rgba(0, 183, 239, 0.12);
    --car-gray-50: #f9f9f9;
    --car-gray-100: #f0f3f5;
    --car-gray-200: #eaedef;
    --car-gray-300: #e1e4e6;
    --car-gray-400: #cbcdcf;
    --car-gray-500: #afb1b3;
    --car-gray-600: #969899;
    --car-gray-700: #7d7f80;
    --car-gray-800: #4b4c4d;
    /* Input Focus */
    --car-input-focus-border-color: var(--car-brand-primary);
    --car-input-focus-shadow: 0 0 0 3px rgba(33, 64, 146, 0.1);
    /* Spacing Tokens */
    --Spacing-sp-lg: 2rem;
    --Spacing-sp-md: 1.5rem;
    --Spacing-sp-sm: 1rem;
    --Spacing-sp-xs: 0.75rem;
    --Spacing-sp-xxs: 0.5rem;
    --Spacing-sp-xxxs: 0.25rem;
    /* Typography Tokens */
    --Typography-fs-xl: 2.5rem;
    --Typography-fs-lg: 1.25rem;
    --Typography-fs-md: 0.875rem;
    --Typography-fs-sm: 0.75rem;
    --Typography-lh-tight: 1;
    --Typography-lh-normal: 1.5;
    --Typography-fw-bold: 700;
    --Typography-fw-semibold: 600;
    --Typography-fw-medium: 500;
    --Typography-fw-normal: 400;
    /* Radius Tokens */
    --Radius-rd-lg: 1rem;
    --Radius-rd-round: 624.9375rem;
    /* Color Tokens */
    --Color-primary-500: #214092;
    --Color-success-500: #65bc46;
    --Color-warning-500: #f97316;
    --Color-neutral-900: #1f2937;
    --Color-neutral-700: #374151;
    --Color-white: #ffffff;
    --Color-white-70: rgba(255, 255, 255, 0.7);
    --Color-white-30: rgba(255, 255, 255, 0.3);
    --Color-white-20: rgba(255, 255, 255, 0.2);
    --Color-black-00: rgba(0, 0, 0, 0.00);
    --Color-black-20: rgba(0, 0, 0, 0.20);
    /* Semantic Colors */
    --Primitives-Basic-white: #FFF;
    --Primitives-Neutral-neutral-300: #E1E4E6;
    --Semantic-Fills-tran-blue-1: rgba(0, 183, 239, 0.25);
    /* Gradient Tokens */
    --Gradient-ccu-grad-neut-1: linear-gradient(160deg, var(--Primitives-Basic-white, #FFF) 15.17%, #F0F0F0 72.73%);
    --Gradient-grad-spectrum: linear-gradient(90deg, #3E8BCB 0%, #00B7EF 50%, #5AB43D 100%);
}