.epilot360-core-ui.light-theme {
    /* Blue scale (1-12) */
    --blue-1: oklch(0.99 0.0017 247.84);
    --blue-2: oklch(0.98 0.0068 247.89);
    --blue-3: oklch(0.96 0.0159 253.9);
    --blue-4: oklch(0.93 0.0304 254.32);
    --blue-5: oklch(0.9 0.0464 255.36);
    --blue-6: oklch(0.86 0.0638 254.32);
    --blue-7: oklch(0.81 0.0784 254.02);
    --blue-8: oklch(0.73 0.1023 254.01);
    --blue-9: oklch(0.49 0.155571 254.1533);
    --blue-10: oklch(0.44 0.151371 256.251);
    --blue-11: oklch(0.51 0.156 254.29);
    --blue-12: oklch(0.31 0.078 254.65);

    /* Alpha variants (a1-a12) */
    --blue-a1: oklch(0.46 0.153288 255.4427 / 0.12);
    --blue-a2: oklch(0.57 0.192163 255.8934 / 0.04);
    --blue-a3: oklch(0.54 0.21006 258.9816 / 0.08);
    --blue-a4: oklch(0.57 0.223 259.08 / 0.14);
    --blue-a5: oklch(0.57 0.229 259.66 / 0.20);
    --blue-a6: oklch(0.57 0.2205 259.01 / 0.29);
    --blue-a7: oklch(0.53 0.2036 258.82 / 0.38);
    --blue-a8: oklch(0.51 0.193081 258.5489 / 0.52);
    --blue-a9: oklch(0.49 0.155571 254.1533);
    --blue-a10: oklch(0.44 0.151371 256.251);
    --blue-a11: oklch(0.48 0.164402 255.9448 / 0.94);
    --blue-a12: oklch(0.26 0.0856 255.35 / 0.93);
    ;

    --gray-1: oklch(0.99 0.0013 286.38);
    --gray-2: oklch(0.98 0.0017 247.84);
    --gray-3: oklch(0.95 0.0029 264.54);
    --gray-4: oklch(0.93 0.0029 264.54);
    --gray-5: oklch(0.91 0.0054 286.29);
    --gray-6: oklch(0.89 0.0056 274.96);
    --gray-7: oklch(0.85 0.007 277.15);
    --gray-8: oklch(0.79 0.0113 280.42);
    --gray-9: oklch(0.64 0.0104 279.59);
    --gray-10: oklch(0.61 0.0106 279.57);
    --gray-11: oklch(0.5 0.008 277.04);
    --gray-12: oklch(0.24 0.0059 271.17);

    --gray-a1: oklch(0.37 0.239 266.43 / 0.0118);
    --gray-a2: oklch(0.26 0.0784 251.87 / 0.03);
    --gray-a3: oklch(0.18 0.0694 258.56 / 0.06);
    --gray-a4: oklch(0.15 0.0502 255.07 / 0.09);
    --gray-a5: oklch(0.11 0.0776 264.05 / 0.12);
    --gray-a6: oklch(0.14 0.059 260.48 / 0.15);
    --gray-a7: oklch(0.13 0.0576 260.82 / 0.20);
    --gray-a8: oklch(0.13 0.0657 263.03 / 0.27);
    --gray-a9: oklch(0.1 0.0426 259.92 / 0.45);
    --gray-a10: oklch(0.1 0.0407 259.28 / 0.49);
    --gray-a11: oklch(0.09 0.0313 257.1 / 0.61);
    --gray-a12: oklch(0.07 0.0248 257.1 / 0.88);
}

.epilot360-core-ui.dark-theme {
    /* Blue scale (1-12) */
    --blue-1: oklch(0.18 0.0242 265.25);
    --blue-2: oklch(0.21 0.0295 266.08);
    --blue-3: oklch(0.96 0.0159 253.9);
    --blue-4: oklch(0.32 0.0931 267.12);
    --blue-5: oklch(0.36 0.1047 266.48);
    --blue-6: oklch(0.4 0.1109 266.6);
    --blue-7: oklch(0.81 0.0784 254.02);
    --blue-8: oklch(0.5 0.1377 266.68);
    --blue-9: oklch(0.54 0.1913 266.76);
    --blue-10: oklch(0.5 0.1378 267.01);
    --blue-11: oklch(0.77 0.1139 265.63);
    --blue-12: oklch(0.91 0.0421 266.32);

    /* Alpha variants (a1-a12) */
    --blue-a1: oklch(0.45 0.305038 264.144 / 0.0471);
    --blue-a2: oklch(0.53 0.2501 263.23 / 0.0863);
    --blue-a3: oklch(0.57 0.2377 264.39 / 0.2314);
    --blue-a4: oklch(0.58 0.232158 265.4529 / 0.3373);
    --blue-a5: oklch(0.6 0.2157 265.36 / 0.4196);
    --blue-a6: oklch(0.62 0.2019 265.83 / 0.4863);
    --blue-a7: oklch(0.64 0.1948 266.49 / 0.5686);
    --blue-a8: oklch(0.64 0.1904 266.4 / 0.6784);
    --blue-a9: oklch(0.6 0.2166 266.64 / 0.8588);
    --blue-a10: oklch(0.63 0.1932 266.69 / 0.6706);
    --blue-a11: oklch(0.77 0.1139 265.63);
    --blue-a12: oklch(0.91 0.0421 266.32);

    --gray-1: oklch(0.18 0.0041 285.98);
    --gray-2: oklch(0.21 0.0039 286.07);
    --gray-3: oklch(0.26 0.004 264.5);
    --gray-4: oklch(0.29 0.0074 274.7);
    --gray-5: oklch(0.31 0.009 276.85);
    --gray-6: oklch(0.35 0.0105 278.3);
    --gray-7: oklch(0.4 0.012 273.12);
    --gray-8: oklch(0.49 0.0159 281.25);
    --gray-9: oklch(0.54 0.0172 277.6);
    --gray-10: oklch(0.58 0.0169 277.65);
    --gray-11: oklch(0.77 0.0142 281.49);
    --gray-12: oklch(0.95 0.0027 286.35);

    --gray-a1: oklch(0.37 0.239 266.43 / 0.0118);
    --gray-a2: oklch(0.86 0.0636 284.98 / 0.0431);
    --gray-a3: oklch(0.91 0.034 263.57 / 0.0863);
    --gray-a4: oklch(0.89 0.0449 274.36 / 0.1255);
    --gray-a5: oklch(0.9 0.0443 277.08 / 0.1569);
    --gray-a6: oklch(0.91 0.0413 278.05 / 0.20);
    --gray-a7: oklch(0.92 0.0378 272.52 / 0.2627);
    --gray-a8: oklch(0.92 0.0354 280.45 / 0.3765);
    --gray-a9: oklch(0.92 0.0342 278.48 / 0.4392);
    --gray-a10: oklch(0.93 0.0301 277.59 / 0.4941);
    --gray-a11: oklch(0.96 0.0187 282.77 / 0.7255);
    --gray-a12: oklch(0.99 0.0026 286.35 / 0.9373);
}

:root {
    /* Font family */
    --360-font-family: ProximaNova, Open Sans, Helvetica, Arial, sans-serif;

    /* Font size */
    --360-font-size-2xs: 0.625rem;
    --360-font-size-xs: 0.75rem;
    --360-font-size-sm: 0.875rem;
    --360-font-size-base: 1rem;
    --360-font-size-lg: 1.125rem;
    --360-font-size-xl: 1.25rem;
    --360-font-size-2xl: 1.375rem;

    /* Line height */
    --360-line-height: 160%;
    --360-line-height-sm: 120%;
}

.epilot360-core-ui {
    font-family: var(--360-font-family);
    --default-font-family: var(--360-font-family);
}