/* AUTO-GENERATED by Kuberno.DesignTokens from tokens/*.json — DO NOT EDIT.
   Edit the JSON source and rebuild; this file is git-ignored. */

:root {
    --kub-spacing-0: 0;
    --kub-spacing-1: 6px;
    --kub-spacing-1-25: 5px;
    --kub-spacing-2: 8px;
    --kub-spacing-3: 12px;
    --kub-spacing-4: 16px;
    --kub-radius-md: 6px;
    --kub-radius-lg: 8px;
    --kub-border-width: 1px;
    --kub-border-width-thick: 2px;
    --kub-border-width-thicker: 4px;
    --kub-icon-size: 16px;
    --kub-font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --kub-font-size-sm: 12px;
    --kub-font-size-md: 14px;
    --kub-font-size-lg: 16px;
    --kub-font-weight: 400;
    --kub-line-height-sm: 1.5;
    --kub-line-height-md: 1.43;
    --kub-line-height-lg: 1.5;
    --kub-letter-spacing: 0;
    --kub-opacity-disabled: 0.65;
    --kub-color-focus-ring: #936eff;
    --kub-color-primary-base: #550098;
    --kub-color-primary-on: #ffffff;
    --kub-color-primary-hover: #490083;
    --kub-color-primary-active: #3d006d;
    --kub-color-primary-on-surface: #550098;
    --kub-color-primary-opacity-hover: #55009814;
    --kub-color-primary-opacity-active: #55009829;
    --kub-color-secondary-base: #75727c;
    --kub-color-secondary-on: #ffffff;
    --kub-color-secondary-hover: #63606a;
    --kub-color-secondary-active: #5e5b64;
    --kub-color-secondary-on-surface: #63606a;
    --kub-color-secondary-subtle: #e2e0e7;
    --kub-color-secondary-opacity-hover: #75727c14;
    --kub-color-secondary-opacity-active: #75727c29;
    --kub-color-tertiary-base: #6f42c1;
    --kub-color-tertiary-on: #ffffff;
    --kub-color-tertiary-hover: #5f39a6;
    --kub-color-tertiary-active: #50308b;
    --kub-color-tertiary-on-surface: #6f42c1;
    --kub-color-tertiary-subtle: #e2d9f3;
    --kub-color-tertiary-opacity-hover: #6f42c114;
    --kub-color-tertiary-opacity-active: #6f42c129;
    --kub-color-success-base: #12744f;
    --kub-color-success-on: #ffffff;
    --kub-color-success-hover: #0f6343;
    --kub-color-success-active: #0c5238;
    --kub-color-success-on-surface: #12744f;
    --kub-color-success-subtle: #dcf0e7;
    --kub-color-success-focus-ring: #009e62;
    --kub-color-success-opacity-hover: #12744f14;
    --kub-color-success-opacity-active: #12744f29;
    --kub-color-warning-base: #d97706;
    --kub-color-warning-on: #431407;
    --kub-color-warning-hover: #e08a1c;
    --kub-color-warning-active: #e69a35;
    --kub-color-warning-on-surface: #a54808;
    --kub-color-warning-subtle: #fcf0da;
    --kub-color-warning-focus-ring: #d27100;
    --kub-color-warning-opacity-hover: #d9770614;
    --kub-color-warning-opacity-active: #d9770629;
    --kub-color-error-base: #d02d4d;
    --kub-color-error-on: #ffffff;
    --kub-color-error-hover: #b52643;
    --kub-color-error-active: #991f38;
    --kub-color-error-on-surface: #c22745;
    --kub-color-error-subtle: #fbe5ea;
    --kub-color-error-focus-ring: #ff3c62;
    --kub-color-error-opacity-hover: #d02d4d14;
    --kub-color-error-opacity-active: #d02d4d29;
    --kub-color-info-base: #1e5fd6;
    --kub-color-info-on: #ffffff;
    --kub-color-info-hover: #1b53bd;
    --kub-color-info-active: #1747a3;
    --kub-color-info-on-surface: #1e5fd6;
    --kub-color-info-subtle: #e6edfb;
    --kub-color-info-focus-ring: #4386ff;
    --kub-color-info-opacity-hover: #1e5fd614;
    --kub-color-info-opacity-active: #1e5fd629;
    --kub-color-base-base: #e2e0e7;
    --kub-color-base-on: #192a45;
    --kub-color-base-hover: #d4d2d9;
    --kub-color-base-active: #c4c1ca;
    --kub-color-base-on-surface: #192a45;
    --kub-color-base-subtle: #ecebf0;
    --kub-color-base-opacity-hover: #192a4514;
    --kub-color-base-opacity-active: #192a4529;
}