:root {
    /*
     * Color Palette.
     */
    --color-white: #fff;
    --color-black: #000;
    --color-text: var(--color-gray);
    /* Gray variations. */
    --color-gray: #434343;
    --color-gray-900: #494848;
    --color-gray-800: #55565b;
    --color-gray-700: #75767b;
    --color-gray-600: #828388;
    --color-gray-500: #919297;
    --color-gray-400: #adaeb3;
    --color-gray-300: #c1c2c7;
    --color-gray-200: #d3d4d9;
    --color-gray-100: #dedfe4;
    --color-gray-050: #f3f4f9;
    --color-gray-025: #f9faff;
    /* Blue variations. */
    --color-blue: var(--color-blue-600);
    --color-blue-900: #000f33;
    --color-blue-800: #001f66;
    --color-blue-700: #002e9a;
    --color-blue-650: #0036b1;
    --color-blue-600: #003ecc;
    --color-blue-500: #004eff;
    --color-blue-400: #3371ff;
    --color-blue-300: #6694ff;
    --color-blue-200: #99b8ff;
    --color-blue-100: #ccdbff;
    --color-blue-070: #dbe6ff;
    --color-blue-050: #e5edff;
    --color-blue-020: #f5f8ff;
    /* Red variations. */
    --color-red: var(--color-red-500);
    --color-red-900: #2c0707;
    --color-red-800: #580e0e;
    --color-red-700: #841515;
    --color-red-600: #b01c1c;
    --color-red-550: #c61f1f;
    --color-red-500: #dc2323;
    --color-red-400: #e34f4f;
    --color-red-300: #ea7b7b;
    --color-red-200: #f1a7a7;
    --color-red-100: #f8d3d3;
    --color-red-070: #fae0e0;
    --color-red-050: #fce9e9;
    --color-red-020: #fdf5f5;
    /*
     * Base.
     */
    --color-fg: var(--color-text);
    --color-bg: var(--color-white);
    --color-link: #ff7300;
    --color-link-hover: var(--color-absolutezero-hover);
    --color-link-active: var(--color-absolutezero-active);
    --color-divider: rgba(142, 146, 156, 0.5);
    /*
     * Typography.
     */
    --font-family: Jakarta, "Plus Jakarta Sans", sans-serif;
    --bs-body-font-family: Jakarta, "Plus Jakarta Sans", sans-serif;
    --font-family-serif: "Times New Roman", times, serif;
    --line-height: 1.5;
    --line-height-heading: 1.3;
    --line-height-form-label: calc(18rem / 16); /* 18px */
    --font-size-base: 1rem; /* 1rem = 16px if font root is 100% ands browser defaults are used. */
    --font-size-xl: 2.25rem; /* ~36px */
    --font-size-h1: 2.027rem; /* ~32px */
    --font-size-h2: 1.802rem; /* ~29px */
    --font-size-h3: 1.602rem; /* ~26px */
    --font-size-h4: 1.424rem; /* ~23px */
    --font-size-h5: 1.266rem; /* ~20px */
    --font-size-h6: 1.125rem; /* 18px */
    --font-size-s: 0.889rem; /* ~14px */
    --font-size-xs: 0.79rem; /* ~13px */
    --font-size-xxs: 0.702rem; /* ~11px */
    --font-size-label: var(--font-size-s);
    --font-size-description: var(--font-size-xs);
    /**
     * Spaces.
     */
    --space-xl: 3rem; /* 3 * 16px = 48px */
    --space-l: 1.5rem; /* 1.5 * 16px = 24px */
    --space-m: 1rem; /* 1 * 16px = 16px */
    --space-s: 0.75rem; /* 0.75 * 16px = 12px */
    --space-xs: 0.5rem; /* 0.5 * 16px = 8px */
    /*
     * Common.
     */
    --speed-transition: 0.2s;
    --transition: all var(--speed-transition) ease-out;
    --base-border-radius: 2px;
    --focus-border-size: 0.1875rem;
    --focus-border-offset-size: 2px;
    --outline-size: 2px;
    --focus-outline: var(--outline-size) dotted transparent;
    --focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);
    /**
     * Shadows.
     */
   
    /*
     * Inputs.
     */
    
    /*
     * Details.
     */
    
    /**
     * Buttons.
     */
    
    /**
     * jQuery.UI dropdown.
     */
   
    /**
     * jQuery.UI dialog.
     */
   
    /**
     * Progress bar.
     */
   
    /**
     * Tabledrag icon size.
     */

    /**
     * Ajax progress.
     */

    /**
     * Breadcrumb.
     */

    /**
     * Layout.
     */

    /**
     * Vertical Tabs.
     *
     * These are shared between the vertical tabs and media library.
     * @see ../components/vertical-tabs.pcss.css
     * @see ../theme/media-library.pcss.css
     */
  }