@import "tailwindcss";
@import "./primitives/palette.css";
@import "./alias.css";
@import "./primitives/space.css";
@import "./primitives/typography-foundations.css";

@layer base {
    :root{

        /* background */
        --bg-neutral-default-default: var(--neutral-950);
        --bg-neutral-default-hover: var(--neutral-900);
        --bg-neutral-default-pressed: var(--neutral-800);

        --bg-neutral-primary-default: var(--neutral-900);
        --bg-neutral-primary-hover: var(--neutral-800);
        --bg-neutral-primary-pressed: var(--neutral-700);
        
        --bg-neutral-secondary-default: var(--neutral-800);
        --bg-neutral-secondary-hover: var(--neutral-700);
        --bg-neutral-secondary-pressed: var(--neutral-600);

        --bg-neutral-tertiary-default: var(--neutral-700);
        --bg-neutral-tertiary-hover: var(--neutral-600);
        --bg-neutral-tertiary-pressed: var(--neutral-500);

        --bg-brand-primary-default: var(--brand-500);
        --bg-brand-primary-hover: var(--brand-400);
        --bg-brand-primary-pressed: var(--brand-600);

        --bg-brand-secondary-default: var(--brand-300);
        --bg-brand-secondary-hover: var(--brand-200);
        --bg-brand-secondary-pressed: var(--brand-400);

        --bg-brand-overlay-default: color-mix(in srgb, var(--brand-500) 20%, transparent);
        --bg-brand-overlay-hover: color-mix(in srgb, var(--brand-500) 10%, transparent);
        --bg-brand-overlay-pressed: color-mix(in srgb, var(--brand-500) 30%, transparent);

        --bg-success-primary-default: var(--success-500);
        --bg-success-primary-hover: var(--success-400);
        --bg-success-primary-pressed: var(--success-600);

        --bg-success-secondary-default: var(--success-100);
        --bg-success-secondary-hover: var(--success-50);
        --bg-success-secondary-pressed: var(--success-200);

        --bg-success-overlay-default: color-mix(in srgb, var(--success-500) 20%, transparent);
        --bg-success-overlay-hover: color-mix(in srgb, var(--success-500) 10%, transparent);
        --bg-success-overlay-pressed: color-mix(in srgb, var(--success-500) 30%, transparent);

        --bg-error-primary-default: var(--error-500);
        --bg-error-primary-hover: var(--error-400);
        --bg-error-primary-pressed: var(--error-600);

        --bg-error-secondary-default: var(--error-200);
        --bg-error-secondary-hover: var(--error-100);
        --bg-error-secondary-pressed: var(--error-300);

        --bg-error-overlay-default: color-mix(in srgb, var(--error-500) 20%, transparent);
        --bg-error-overlay-hover: color-mix(in srgb, var(--error-500) 10%, transparent);
        --bg-error-overlay-pressed: color-mix(in srgb, var(--error-500) 30%, transparent);

        --bg-warning-primary-default: var(--warning-500);
        --bg-warning-primary-hover: var(--warning-400);
        --bg-warning-primary-pressed: var(--warning-600);

        --bg-warning-secondary-default: var(--warning-100);
        --bg-warning-secondary-hover: var(--warning-50);
        --bg-warning-secondary-pressed: var(--warning-200);

        --bg-warning-overlay-default: color-mix(in srgb, var(--warning-500) 20%, transparent);
        --bg-warning-overlay-hover: color-mix(in srgb, var(--warning-500) 10%, transparent);
        --bg-warning-overlay-pressed: color-mix(in srgb, var(--warning-500) 30%, transparent);

        --bg-pending-primary-default: var(--pending-500);

        --bg-pending-secondary-default: var(--pending-200);

        --bg-inprogress-primary-default: var(--inprogress-500);

        --bg-inprogress-secondary-default: var(--inprogress-200);

        --bg-disabled-default: var(--neutral-600);

        /* Extended — category priority */
        --bg-category-priority-high-primary: var(--category-priority-high-background-primary);
        --bg-category-priority-high-secondary: var(--category-priority-high-background-secondary);
        --bg-category-priority-medium-primary: var(--category-priority-medium-background-primary);
        --bg-category-priority-medium-secondary: var(--category-priority-medium-background-secondary);
        --bg-category-priority-low-primary: var(--category-priority-low-background-primary);
        --bg-category-priority-low-secondary: var(--category-priority-low-background-secondary);

        /* Extended — category status */
        --bg-category-status-pending-primary: var(--category-status-pending-background-primary);
        --bg-category-status-pending-secondary: var(--category-status-pending-background-secondary);
        --bg-category-status-onhold-primary: var(--category-status-onhold-background-primary);
        --bg-category-status-onhold-secondary: var(--category-status-onhold-background-secondary);
        --bg-category-status-inprogress-primary: var(--category-status-inprogress-background-primary);
        --bg-category-status-inprogress-secondary: var(--category-status-inprogress-background-secondary);
        --bg-category-status-discard-primary: var(--category-status-discard-background-primary);
        --bg-category-status-discard-secondary: var(--category-status-discard-background-secondary);
        --bg-category-status-done-primary: var(--category-status-done-background-primary);
        --bg-category-status-done-secondary: var(--category-status-done-background-secondary);

        /* Extended — category label */
        --bg-category-label-violet: var(--category-label-violet-background);
        --bg-category-label-lilac: var(--category-label-lilac-background);
        --bg-category-label-tangerine: var(--category-label-tangerine-background);
        --bg-category-label-orange: var(--category-label-orange-background);
        --bg-category-label-red: var(--category-label-red-background);
        --bg-category-label-yellow: var(--category-label-yellow-background);
        --bg-category-label-green: var(--category-label-green-background);
        --bg-category-label-blue: var(--category-label-blue-background);
        --bg-category-label-lightblue: var(--category-label-lightblue-background);
        --bg-category-label-grey: var(--category-label-grey-background);

        /* Extended — richtext highlight */
        --bg-richtext-highlight-violet: var(--richtext-highlighting-violet);
        --bg-richtext-highlight-blue: var(--richtext-highlighting-blue);
        --bg-richtext-highlight-green: var(--richtext-highlighting-green);
        --bg-richtext-highlight-yellow: var(--richtext-highlighting-yellow);
        --bg-richtext-highlight-orange: var(--richtext-highlighting-orange);
        --bg-richtext-highlight-red: var(--richtext-highlighting-red);

        /* Extended — dataviz */
        --bg-dataviz-series-1: var(--dataviz-series-1);
        --bg-dataviz-series-2: var(--dataviz-series-2);
        --bg-dataviz-series-3: var(--dataviz-series-3);
        --bg-dataviz-series-4: var(--dataviz-series-4);
        --bg-dataviz-series-5: var(--dataviz-series-5);
        --bg-dataviz-series-6: var(--dataviz-series-6);
        --bg-dataviz-series-7: var(--dataviz-series-7);
        --bg-dataviz-series-8: var(--dataviz-series-8);
        --bg-dataviz-series-9: var(--dataviz-series-9);

        --bg-dataviz-sequential-indigo-1: var(--dataviz-sequential-indigo-1);
        --bg-dataviz-sequential-indigo-2: var(--dataviz-sequential-indigo-2);
        --bg-dataviz-sequential-indigo-3: var(--dataviz-sequential-indigo-3);
        --bg-dataviz-sequential-indigo-4: var(--dataviz-sequential-indigo-4);
        --bg-dataviz-sequential-indigo-5: var(--dataviz-sequential-indigo-5);
        --bg-dataviz-sequential-indigo-6: var(--dataviz-sequential-indigo-6);

        --bg-dataviz-sequential-orange-1: var(--dataviz-sequential-orange-1);
        --bg-dataviz-sequential-orange-2: var(--dataviz-sequential-orange-2);
        --bg-dataviz-sequential-orange-3: var(--dataviz-sequential-orange-3);
        --bg-dataviz-sequential-orange-4: var(--dataviz-sequential-orange-4);
        --bg-dataviz-sequential-orange-5: var(--dataviz-sequential-orange-5);
        --bg-dataviz-sequential-orange-6: var(--dataviz-sequential-orange-6);

        --bg-dataviz-diverging-1: var(--dataviz-diverging-1);
        --bg-dataviz-diverging-2: var(--dataviz-diverging-2);
        --bg-dataviz-diverging-3: var(--dataviz-diverging-3);
        --bg-dataviz-diverging-4: var(--dataviz-diverging-4);
        --bg-dataviz-diverging-5: var(--dataviz-diverging-5);
        --bg-dataviz-diverging-6: var(--dataviz-diverging-6);
        --bg-dataviz-diverging-7: var(--dataviz-diverging-7);
        --bg-dataviz-diverging-8: var(--dataviz-diverging-8);
        --bg-dataviz-diverging-9: var(--dataviz-diverging-9);

        /* text */

        --text-neutral-default-default: var(--neutral-25);
        --text-neutral-default-hover: var(--neutral-50);
        --text-neutral-default-pressed: var(--neutral-100);

        --text-neutral-primary-default: var(--neutral-50);
        --text-neutral-primary-hover: var(--neutral-100);
        --text-neutral-primary-pressed: var(--neutral-200);

        --text-neutral-secondary-default: var(--neutral-100);
        --text-neutral-secondary-hover: var(--neutral-50);
        --text-neutral-secondary-pressed: var(--neutral-25);

        --text-neutral-tertiary-default: var(--neutral-300);
        --text-neutral-tertiary-hover: var(--neutral-200);
        --text-neutral-tertiary-pressed: var(--neutral-100);

        --text-neutral-onbrandprimary-default: var(--neutral-25);
        --text-neutral-onbrandprimary-hover: var(--neutral-50);
        --text-neutral-onbrandprimary-pressed: var(--foundation-white);

        --text-neutral-onbrandsecondary-default: var(--neutral-900);
        --text-neutral-onbrandsecondary-hover: var(--neutral-800);
        --text-neutral-onbrandsecondary-pressed: var(--neutral-950);

        --text-neutral-onoverlay-default: var(--neutral-25);
        --text-neutral-onoverlay-hover: var(--neutral-100);
        --text-neutral-onoverlay-pressed: var(--neutral-50);

        --text-neutral-onsemantic-default: var(--neutral-900);
        --text-neutral-onsemantic-hover: var(--neutral-800);
        --text-neutral-onsemantic-pressed: var(--neutral-950);

        --text-brand-primary-default: var(--brand-25);
        --text-brand-primary-hover: var(--brand-50);
        --text-brand-primary-pressed: var(--brand-100);
        
        --text-brand-secondary-default: var(--brand-900);
        --text-brand-secondary-hover: var(--brand-800);
        --text-brand-secondary-pressed: var(--brand-950);

        --text-brand-overlay-default: var(--brand-200);
        --text-brand-overlay-hover: var(--brand-300);
        --text-brand-overlay-pressed: var(--brand-100);

        --text-brand-onneutral-default: var(--brand-300);
        --text-brand-onneutral-hover: var(--brand-200);
        --text-brand-onneutral-pressed: var(--brand-400);

        --text-semantic-success-primary-default: var(--success-950);
        --text-semantic-success-primary-hover: var(--success-800);
        --text-semantic-success-primary-pressed: var(--success-900);

        --text-semantic-success-secondary-default: var(--success-800);
        --text-semantic-success-secondary-hover: var(--success-700);
        --text-semantic-success-secondary-pressed: var(--success-900);

        --text-semantic-success-onneutral-default: var(--success-400);
        --text-semantic-success-onneutral-hover: var(--success-300);
        --text-semantic-success-onneutral-pressed: var(--success-200);

        --text-semantic-success-overlay-default: var(--success-200);
        --text-semantic-success-overlay-hover: var(--success-300);
        --text-semantic-success-overlay-pressed: var(--success-100);

        --text-semantic-error-primary-default: var(--error-50);
        --text-semantic-error-primary-hover: var(--error-100);
        --text-semantic-error-primary-pressed: var(--error-200);

        --text-semantic-error-secondary-default: var(--error-800);
        --text-semantic-error-secondary-hover: var(--error-700);
        --text-semantic-error-secondary-pressed: var(--error-900);

        --text-semantic-error-onneutral-default: var(--error-400);
        --text-semantic-error-onneutral-hover: var(--error-300);
        --text-semantic-error-onneutral-pressed: var(--error-200);

        --text-semantic-error-overlay-default: var(--error-200);
        --text-semantic-error-overlay-hover: var(--error-300);
        --text-semantic-error-overlay-pressed: var(--error-100);

        --text-semantic-warning-primary-default: var(--warning-950);
        --text-semantic-warning-primary-hover: var(--warning-800);
        --text-semantic-warning-primary-pressed: var(--warning-900);

        --text-semantic-warning-secondary-default: var(--warning-900);
        --text-semantic-warning-secondary-hover: var(--warning-800);
        --text-semantic-warning-secondary-pressed: var(--warning-950);

        --text-semantic-warning-onneutral-default: var(--warning-400);
        --text-semantic-warning-onneutral-hover: var(--warning-300);
        --text-semantic-warning-onneutral-pressed: var(--warning-200);

        --text-semantic-warning-overlay-default: var(--warning-200);
        --text-semantic-warning-overlay-hover: var(--warning-300);
        --text-semantic-warning-overlay-pressed: var(--warning-100);

        --text-disabled-default: var(--neutral-500);
        --text-disabled-ondisabled: var(--neutral-400);

        /* Extended — category label */
        --text-category-label-violet: var(--category-label-violet-text);
        --text-category-label-lilac: var(--category-label-lilac-text);
        --text-category-label-tangerine: var(--category-label-tangerine-text);
        --text-category-label-orange: var(--category-label-orange-text);
        --text-category-label-red: var(--category-label-red-text);
        --text-category-label-yellow: var(--category-label-yellow-text);
        --text-category-label-green: var(--category-label-green-text);
        --text-category-label-blue: var(--category-label-blue-text);
        --text-category-label-lightblue: var(--category-label-lightblue-text);
        --text-category-label-grey: var(--category-label-grey-text);

        /* Extended — richtext text */
        --text-richtext-white: var(--richtext-text-white);
        --text-richtext-grey: var(--richtext-text-grey);
        --text-richtext-violet: var(--richtext-text-violet);
        --text-richtext-blue: var(--richtext-text-blue);
        --text-richtext-green: var(--richtext-text-green);
        --text-richtext-yellow: var(--richtext-text-yellow);
        --text-richtext-orange: var(--richtext-text-orange);
        --text-richtext-red: var(--richtext-text-red);

        /* icon */

        --icon-neutral-default-default: var(--neutral-25);
        --icon-neutral-default-hover: var(--neutral-50);
        --icon-neutral-default-pressed: var(--neutral-100);

        --icon-neutral-primary-default: var(--neutral-50);
        --icon-neutral-primary-hover: var(--neutral-100);
        --icon-neutral-primary-pressed: var(--neutral-200);

        --icon-neutral-secondary-default: var(--neutral-100);
        --icon-neutral-secondary-hover: var(--neutral-50);
        --icon-neutral-secondary-pressed: var(--neutral-25);

        --icon-neutral-tertiary-default: var(--neutral-300);
        --icon-neutral-tertiary-hover: var(--neutral-200);
        --icon-neutral-tertiary-pressed: var(--neutral-100);

        --icon-neutral-onbrandprimary-default: var(--neutral-25);
        --icon-neutral-onbrandprimary-hover: var(--neutral-50);
        --icon-neutral-onbrandprimary-pressed: var(--neutral-100);

        --icon-neutral-onbrandsecondary-default: var(--neutral-900);
        --icon-neutral-onbrandsecondary-hover: var(--neutral-800);
        --icon-neutral-onbrandsecondary-pressed: var(--neutral-950);

        --icon-neutral-onoverlay-default: var(--neutral-25);
        --icon-neutral-onoverlay-hover: var(--neutral-100);
        --icon-neutral-onoverlay-pressed: var(--neutral-50);

        --icon-neutral-onsemantic-default: var(--neutral-900);
        --icon-neutral-onsemantic-hover: var(--neutral-800);
        --icon-neutral-onsemantic-pressed: var(--neutral-950);

        --icon-brand-primary-default: var(--brand-25);
        --icon-brand-primary-hover: var(--brand-50);
        --icon-brand-primary-pressed: var(--brand-100);

        --icon-brand-secondary-default: var(--brand-900);
        --icon-brand-secondary-hover: var(--brand-800);
        --icon-brand-secondary-pressed: var(--brand-950);

        --icon-brand-overlay-default: var(--brand-200);
        --icon-brand-overlay-hover: var(--brand-300);
        --icon-brand-overlay-pressed: var(--brand-100);

        --icon-brand-onneutral-default: var(--brand-300);
        --icon-brand-onneutral-hover: var(--brand-200);
        --icon-brand-onneutral-pressed: var(--brand-400);

        --icon-semantic-success-primary-default: var(--success-950);
        --icon-semantic-success-primary-hover: var(--success-800);
        --icon-semantic-success-primary-pressed: var(--success-900);

        --icon-semantic-success-secondary-default: var(--success-800);
        --icon-semantic-success-secondary-hover: var(--success-700);
        --icon-semantic-success-secondary-pressed: var(--success-900);

        --icon-semantic-success-onneutral-default: var(--success-400);
        --icon-semantic-success-onneutral-hover: var(--success-300);
        --icon-semantic-success-onneutral-pressed: var(--success-200);

        --icon-semantic-success-overlay-default: var(--success-200);
        --icon-semantic-success-overlay-hover: var(--success-300);
        --icon-semantic-success-overlay-pressed: var(--success-100);

        --icon-semantic-error-primary-default: var(--error-50);
        --icon-semantic-error-primary-hover: var(--error-100);
        --icon-semantic-error-primary-pressed: var(--error-200);

        --icon-semantic-error-secondary-default: var(--error-800);
        --icon-semantic-error-secondary-hover: var(--error-700);
        --icon-semantic-error-secondary-pressed: var(--error-900);

        --icon-semantic-error-onneutral-default: var(--error-400);
        --icon-semantic-error-onneutral-hover: var(--error-300);
        --icon-semantic-error-onneutral-pressed: var(--error-200);

        --icon-semantic-error-overlay-default: var(--error-200);
        --icon-semantic-error-overlay-hover: var(--error-300);
        --icon-semantic-error-overlay-pressed: var(--error-100);

        --icon-semantic-warning-primary-default: var(--warning-950);
        --icon-semantic-warning-primary-hover: var(--warning-800);
        --icon-semantic-warning-primary-pressed: var(--warning-900);

        --icon-semantic-warning-secondary-default: var(--warning-900);
        --icon-semantic-warning-secondary-hover: var(--warning-800);
        --icon-semantic-warning-secondary-pressed: var(--warning-950);

        --icon-semantic-warning-onneutral-default: var(--warning-400);
        --icon-semantic-warning-onneutral-hover: var(--warning-300);
        --icon-semantic-warning-onneutral-pressed: var(--warning-200);

        --icon-semantic-warning-overlay-default: var(--warning-200);
        --icon-semantic-warning-overlay-hover: var(--warning-300);
        --icon-semantic-warning-overlay-pressed: var(--warning-100);

        --icon-disabled-default: var(--neutral-500);
        --icon-disabled-ondisabled: var(--neutral-400);

        /* border */

        --border-neutral-default-default: var(--neutral-700);
        --border-neutral-default-hover: var(--neutral-600);
        --border-neutral-default-pressed: var(--neutral-500);

        --border-neutral-primary-default: var(--neutral-500);
        --border-neutral-primary-hover: var(--neutral-400);
        --border-neutral-primary-pressed: var(--neutral-300);

        --border-neutral-secondary-default: var(--neutral-100);
        --border-neutral-secondary-hover: var(--neutral-50);
        --border-neutral-secondary-pressed: var(--neutral-25);

        --border-brand-primary-default: var(--brand-800);
        --border-brand-primary-hover: var(--brand-700);
        --border-brand-primary-pressed: var(--brand-900);

        --border-brand-secondary-default: var(--brand-400);
        --border-brand-secondary-hover: var(--brand-300);
        --border-brand-secondary-pressed: var(--brand-500);

        --border-brand-overlay-default: var(--brand-700);
        --border-brand-overlay-hover: var(--brand-800);
        --border-brand-overlay-pressed: var(--brand-600);

        --border-brand-onneutral-default: var(--brand-300);
        --border-brand-onneutral-hover: var(--brand-200);
        --border-brand-onneutral-pressed: var(--brand-400);

        --border-success-primary-default: var(--success-800);
        --border-success-primary-hover: var(--success-700);
        --border-success-primary-pressed: var(--success-900);

        --border-success-secondary-default: var(--success-400);
        --border-success-secondary-hover: var(--success-300);
        --border-success-secondary-pressed: var(--success-500);

        --border-success-onneutral-default: var(--success-500);
        --border-success-onneutral-hover: var(--success-400);
        --border-success-onneutral-pressed: var(--success-300);

        --border-success-overlay-default: var(--success-700);
        --border-success-overlay-hover: var(--success-800);
        --border-success-overlay-pressed: var(--success-600);

        --border-error-primary-default: var(--error-800);
        --border-error-primary-hover: var(--error-700);
        --border-error-primary-pressed: var(--error-900);

        --border-error-secondary-default: var(--error-400);
        --border-error-secondary-hover: var(--error-300);
        --border-error-secondary-pressed: var(--error-500);

        --border-error-onneutral-default: var(--error-500);
        --border-error-onneutral-hover: var(--error-400);
        --border-error-onneutral-pressed: var(--error-300);

        --border-error-overlay-default: var(--error-700);
        --border-error-overlay-hover: var(--error-800);
        --border-error-overlay-pressed: var(--error-600);

        --border-warning-primary-default: var(--warning-700);
        --border-warning-primary-hover: var(--warning-600);
        --border-warning-primary-pressed: var(--warning-800);

        --border-warning-secondary-default: var(--warning-400);
        --border-warning-secondary-hover: var(--warning-300);
        --border-warning-secondary-pressed: var(--warning-600);

        --border-warning-onneutral-default: var(--warning-500);
        --border-warning-onneutral-hover: var(--warning-400);
        --border-warning-onneutral-pressed: var(--warning-300);

        --border-warning-overlay-default: var(--warning-700);
        --border-warning-overlay-hover: var(--warning-800);
        --border-warning-overlay-pressed: var(--warning-600);
        
        --border-pending-primary-default: var(--pending-800);

        --border-pending-secondary-default: var(--pending-400);

        --border-pending-onneutral-default: var(--pending-700);

        --border-inprogress-primary-default: var(--inprogress-800);

        --border-inprogress-secondary-default: var(--inprogress-400);

        --border-inprogress-onneutral-default: var(--inprogress-600);

        --border-disabled-default: var(--neutral-400);
        --border-disabled-ondisabled: var(--neutral-700);

        /* Extended — category priority */
        --border-category-priority-high: var(--category-priority-high-border);
        --border-category-priority-medium: var(--category-priority-medium-border);
        --border-category-priority-low: var(--category-priority-low-border);

        /* Extended — category status */
        --border-category-status-pending: var(--category-status-pending-border);
        --border-category-status-onhold: var(--category-status-onhold-border);
        --border-category-status-inprogress: var(--category-status-inprogress-border);
        --border-category-status-discard: var(--category-status-discard-border);
        --border-category-status-done: var(--category-status-done-border);

        /* Extended — category label */
        --border-category-label-violet: var(--category-label-violet-border);
        --border-category-label-lilac: var(--category-label-lilac-border);
        --border-category-label-tangerine: var(--category-label-tangerine-border);
        --border-category-label-orange: var(--category-label-orange-border);
        --border-category-label-red: var(--category-label-red-border);
        --border-category-label-yellow: var(--category-label-yellow-border);
        --border-category-label-green: var(--category-label-green-border);
        --border-category-label-blue: var(--category-label-blue-border);
        --border-category-label-lightblue: var(--category-label-lightblue-border);
        --border-category-label-grey: var(--category-label-grey-border);

        /* Extended — dataviz fill / stroke */
        --fill-dataviz-series-1: var(--dataviz-series-1);
        --fill-dataviz-series-2: var(--dataviz-series-2);
        --fill-dataviz-series-3: var(--dataviz-series-3);
        --fill-dataviz-series-4: var(--dataviz-series-4);
        --fill-dataviz-series-5: var(--dataviz-series-5);
        --fill-dataviz-series-6: var(--dataviz-series-6);
        --fill-dataviz-series-7: var(--dataviz-series-7);
        --fill-dataviz-series-8: var(--dataviz-series-8);
        --fill-dataviz-series-9: var(--dataviz-series-9);

        --fill-dataviz-sequential-indigo-1: var(--dataviz-sequential-indigo-1);
        --fill-dataviz-sequential-indigo-2: var(--dataviz-sequential-indigo-2);
        --fill-dataviz-sequential-indigo-3: var(--dataviz-sequential-indigo-3);
        --fill-dataviz-sequential-indigo-4: var(--dataviz-sequential-indigo-4);
        --fill-dataviz-sequential-indigo-5: var(--dataviz-sequential-indigo-5);
        --fill-dataviz-sequential-indigo-6: var(--dataviz-sequential-indigo-6);

        --fill-dataviz-sequential-orange-1: var(--dataviz-sequential-orange-1);
        --fill-dataviz-sequential-orange-2: var(--dataviz-sequential-orange-2);
        --fill-dataviz-sequential-orange-3: var(--dataviz-sequential-orange-3);
        --fill-dataviz-sequential-orange-4: var(--dataviz-sequential-orange-4);
        --fill-dataviz-sequential-orange-5: var(--dataviz-sequential-orange-5);
        --fill-dataviz-sequential-orange-6: var(--dataviz-sequential-orange-6);

        --fill-dataviz-diverging-1: var(--dataviz-diverging-1);
        --fill-dataviz-diverging-2: var(--dataviz-diverging-2);
        --fill-dataviz-diverging-3: var(--dataviz-diverging-3);
        --fill-dataviz-diverging-4: var(--dataviz-diverging-4);
        --fill-dataviz-diverging-5: var(--dataviz-diverging-5);
        --fill-dataviz-diverging-6: var(--dataviz-diverging-6);
        --fill-dataviz-diverging-7: var(--dataviz-diverging-7);
        --fill-dataviz-diverging-8: var(--dataviz-diverging-8);
        --fill-dataviz-diverging-9: var(--dataviz-diverging-9);

        --stroke-dataviz-series-1: var(--dataviz-series-1);
        --stroke-dataviz-series-2: var(--dataviz-series-2);
        --stroke-dataviz-series-3: var(--dataviz-series-3);
        --stroke-dataviz-series-4: var(--dataviz-series-4);
        --stroke-dataviz-series-5: var(--dataviz-series-5);
        --stroke-dataviz-series-6: var(--dataviz-series-6);
        --stroke-dataviz-series-7: var(--dataviz-series-7);
        --stroke-dataviz-series-8: var(--dataviz-series-8);
        --stroke-dataviz-series-9: var(--dataviz-series-9);

        --stroke-dataviz-sequential-indigo-1: var(--dataviz-sequential-indigo-1);
        --stroke-dataviz-sequential-indigo-2: var(--dataviz-sequential-indigo-2);
        --stroke-dataviz-sequential-indigo-3: var(--dataviz-sequential-indigo-3);
        --stroke-dataviz-sequential-indigo-4: var(--dataviz-sequential-indigo-4);
        --stroke-dataviz-sequential-indigo-5: var(--dataviz-sequential-indigo-5);
        --stroke-dataviz-sequential-indigo-6: var(--dataviz-sequential-indigo-6);

        --stroke-dataviz-sequential-orange-1: var(--dataviz-sequential-orange-1);
        --stroke-dataviz-sequential-orange-2: var(--dataviz-sequential-orange-2);
        --stroke-dataviz-sequential-orange-3: var(--dataviz-sequential-orange-3);
        --stroke-dataviz-sequential-orange-4: var(--dataviz-sequential-orange-4);
        --stroke-dataviz-sequential-orange-5: var(--dataviz-sequential-orange-5);
        --stroke-dataviz-sequential-orange-6: var(--dataviz-sequential-orange-6);

        --stroke-dataviz-diverging-1: var(--dataviz-diverging-1);
        --stroke-dataviz-diverging-2: var(--dataviz-diverging-2);
        --stroke-dataviz-diverging-3: var(--dataviz-diverging-3);
        --stroke-dataviz-diverging-4: var(--dataviz-diverging-4);
        --stroke-dataviz-diverging-5: var(--dataviz-diverging-5);
        --stroke-dataviz-diverging-6: var(--dataviz-diverging-6);
        --stroke-dataviz-diverging-7: var(--dataviz-diverging-7);
        --stroke-dataviz-diverging-8: var(--dataviz-diverging-8);
        --stroke-dataviz-diverging-9: var(--dataviz-diverging-9);

        /* font */

        --text-headline-xlarge-font: var(--font-family-montserrat);
        --text-headline-xlarge-weight: var(--font-weight-semibold);
        --text-headline-xlarge-size: var(--font-size-42);
        --text-headline-xlarge-line-height: var(--space-1300);
        
        --text-headline-large-font: var(--font-family-montserrat);
        --text-headline-large-weight: var(--font-weight-semibold);
        --text-headline-large-size: var(--font-size-32);
        --text-headline-large-line-height: var(--space-1000);

        --text-headline-medium-font: var(--font-family-montserrat);
        --text-headline-medium-weight: var(--font-weight-semibold);
        --text-headline-medium-size: var(--font-size-24);
        --text-headline-medium-line-height: var(--space-800);

        --text-headline-small-font: var(--font-family-montserrat);
        --text-headline-small-weight: var(--font-weight-semibold);
        --text-headline-small-size: var(--font-size-20);
        --text-headline-small-line-height: var(--space-700);

        --text-title-large-font: var(--font-family-montserrat);
        --text-title-large-weight: var(--font-weight-bold);
        --text-title-large-size: var(--font-size-20);
        --text-title-large-line-height: var(--space-700);

        --text-title-medium-font: var(--font-family-montserrat);
        --text-title-medium-weight: var(--font-weight-bold);
        --text-title-medium-size: var(--font-size-18);
        --text-title-medium-line-height: var(--space-600);

        --text-title-small-font: var(--font-family-montserrat);
        --text-title-small-weight: var(--font-weight-semibold);
        --text-title-small-size: var(--font-size-16);
        --text-title-small-line-height: var(--space-600);

        --text-body-large-font: var(--font-family-montserrat);
        --text-body-large-weight: var(--font-weight-regular);
        --text-body-large-size: var(--font-size-16);
        --text-body-large-line-height: var(--space-500);

        --text-body-medium-font: var(--font-family-montserrat);
        --text-body-medium-weight: var(--font-weight-regular);
        --text-body-medium-size: var(--font-size-14);
        --text-body-medium-line-height: var(--space-400);

        --text-body-small-font: var(--font-family-montserrat);
        --text-body-small-weight: var(--font-weight-regular);
        --text-body-small-size: var(--font-size-12);
        --text-body-small-line-height: var(--space-400);

        --text-body-xsmall-font: var(--font-family-montserrat);
        --text-body-xsmall-weight: var(--font-weight-regular);
        --text-body-xsmall-size: var(--font-size-10);
        --text-body-xsmall-line-height: var(--space-300);

        --text-label-xlarge-font: var(--font-family-montserrat);
        --text-label-xlarge-weight: var(--font-weight-semibold);
        --text-label-xlarge-size: var(--font-size-16);
        --text-label-xlarge-line-height: var(--space-600);
        
        --text-label-large-font: var(--font-family-montserrat);
        --text-label-large-weight: var(--font-weight-semibold);
        --text-label-large-size: var(--font-size-14);
        --text-label-large-line-height: var(--space-400);

        --text-label-medium-font: var(--font-family-montserrat);
        --text-label-medium-weight: var(--font-weight-semibold);
        --text-label-medium-size: var(--font-size-12);
        --text-label-medium-line-height: var(--space-400);

        --text-label-small-font: var(--font-family-montserrat);
        --text-label-small-weight: var(--font-weight-semibold);
        --text-label-small-size: var(--font-size-10);
        --text-label-small-line-height: var(--space-300);

        /* dropshadow */

        --dropshadow-100: 0px 1px 5px 0px rgba(0,0,0,0.15), 0px 1px 4px 0px rgba(0,0,0,0.25);

        --dropshadow-200: 0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.25);
        
        --dropshadow-300: 0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px 0px rgba(0,0,0,0.25);
        
        --dropshadow-400: 0px 6px 12px 4px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.25);
        
        --dropshadow-500: 0px -1px 1px 0px rgba(0,0,0,0.10), 0px 8px 14px 6px rgba(0,0,0,0.15), 0px 4px 6px 0px rgba(0,0,0,0.25);
    }
}