/**
 * STOBG Design System
 * Color Tokens
 * v1.0
 */

:root {

    /* ========================================
       BASE
    ======================================== */

    --stobg-primitives-base-white: #FFFFFF;
    --stobg-primitives-base-black: #030606;
    --stobg-primitives-base-coolGray: #63666B;

    /* ========================================
       NEUTRAL
    ======================================== */

    --stobg-primitives-neutral-0: #FFFFFF;
    --stobg-primitives-neutral-100: #F3F3F3;
    --stobg-primitives-neutral-200: #E7E7E7;
    --stobg-primitives-neutral-300: #DADADA;
    --stobg-primitives-neutral-400: #CBCCCC;
    --stobg-primitives-neutral-500: #BCBCBC;
    --stobg-primitives-neutral-600: #AAAAAA;
    --stobg-primitives-neutral-700: #959595;
    --stobg-primitives-neutral-800: #7C7C7C;
    --stobg-primitives-neutral-900: #595A5A;
    --stobg-primitives-neutral-1000: #030606;

    /* ========================================
       CERULEAN
    ======================================== */

    --stobg-primitives-cerulean-50: #F4F6F7;
    --stobg-primitives-cerulean-100: #E9ECF0;
    --stobg-primitives-cerulean-150: #DCE2E7;
    --stobg-primitives-cerulean-200: #CFD7DF;
    --stobg-primitives-cerulean-250: #C1CBD5;
    --stobg-primitives-cerulean-300: #B0BFCC;
    --stobg-primitives-cerulean-350: #9EB1C1;
    --stobg-primitives-cerulean-400: #89A1B6;
    --stobg-primitives-cerulean-450: #6E90AA;
    --stobg-primitives-cerulean-475: #5C86A4;
    --stobg-primitives-cerulean-500: #467B9D;
    --stobg-primitives-cerulean-525: #447899;
    --stobg-primitives-cerulean-550: #427596;
    --stobg-primitives-cerulean-600: #3F6F8E;
    --stobg-primitives-cerulean-650: #3A6885;
    --stobg-primitives-cerulean-700: #36617C;
    --stobg-primitives-cerulean-750: #315972;
    --stobg-primitives-cerulean-800: #2B5067;
    --stobg-primitives-cerulean-850: #25455A;
    --stobg-primitives-cerulean-900: #1D3849;

    /* ========================================
       ORANGE
    ======================================== */

    --stobg-primitives-orange-50: #FEF8F5;
    --stobg-primitives-orange-100: #FDF0EA;
    --stobg-primitives-orange-150: #FCE8DF;
    --stobg-primitives-orange-200: #FBE0D2;
    --stobg-primitives-orange-250: #FAD7C5;
    --stobg-primitives-orange-300: #F8CEB7;
    --stobg-primitives-orange-350: #F7C4A6;
    --stobg-primitives-orange-400: #F6BA94;
    --stobg-primitives-orange-450: #F5AE7E;
    --stobg-primitives-orange-475: #F5A870;
    --stobg-primitives-orange-500: #F4A261;
    --stobg-primitives-orange-525: #EF9E5F;
    --stobg-primitives-orange-550: #E99A5C;
    --stobg-primitives-orange-600: #DD9257;
    --stobg-primitives-orange-650: #D08A52;
    --stobg-primitives-orange-700: #C3804C;
    --stobg-primitives-orange-750: #B37645;
    --stobg-primitives-orange-800: #A26A3E;
    --stobg-primitives-orange-850: #8E5D35;
    --stobg-primitives-orange-900: #764C2B;

    /* ========================================
       TEAL
    ======================================== */

    --stobg-primitives-teal-50: #F4F7F7;
    --stobg-primitives-teal-100: #E8F0EE;
    --stobg-primitives-teal-150: #DBE7E5;
    --stobg-primitives-teal-200: #CDDFDB;
    --stobg-primitives-teal-250: #BDD5D1;
    --stobg-primitives-teal-300: #ACCCC6;
    --stobg-primitives-teal-350: #98C1BA;
    --stobg-primitives-teal-400: #81B6AD;
    --stobg-primitives-teal-450: #62AA9F;
    --stobg-primitives-teal-475: #4CA497;
    --stobg-primitives-teal-500: #2A9D8F;
    --stobg-primitives-teal-525: #29998C;
    --stobg-primitives-teal-550: #289688;
    --stobg-primitives-teal-600: #258E81;
    --stobg-primitives-teal-650: #228579;
    --stobg-primitives-teal-700: #1F7C71;
    --stobg-primitives-teal-750: #1C7268;
    --stobg-primitives-teal-800: #18675D;
    --stobg-primitives-teal-850: #145A51;
    --stobg-primitives-teal-900: #0F4942;

    /* ========================================
       TAUPE
    ======================================== */

    --stobg-primitives-taupe-50: #F7F5F5;
    --stobg-primitives-taupe-100: #EEEBEA;
    --stobg-primitives-taupe-150: #E5E0DF;
    --stobg-primitives-taupe-200: #DBD5D3;
    --stobg-primitives-taupe-250: #D0C8C6;
    --stobg-primitives-taupe-300: #C5BAB7;
    --stobg-primitives-taupe-350: #B9ABA7;
    --stobg-primitives-taupe-400: #AC9A95;
    --stobg-primitives-taupe-450: #9E867F;
    --stobg-primitives-taupe-475: #967B72;
    --stobg-primitives-taupe-500: #8D6E63;
    --stobg-primitives-taupe-525: #8A6B61;
    --stobg-primitives-taupe-550: #86695E;
    --stobg-primitives-taupe-600: #7F6359;
    --stobg-primitives-taupe-650: #785D53;
    --stobg-primitives-taupe-700: #6F564D;
    --stobg-primitives-taupe-750: #664F47;
    --stobg-primitives-taupe-800: #5C473F;
    --stobg-primitives-taupe-850: #503D36;
    --stobg-primitives-taupe-900: #41312C;

    /* ========================================
       BURGUNDY
    ======================================== */

    --stobg-primitives-burgundy-50: #F5F4F4;
    --stobg-primitives-burgundy-100: #EBE8E9;
    --stobg-primitives-burgundy-150: #E0DBDC;
    --stobg-primitives-burgundy-200: #D4CDCF;
    --stobg-primitives-burgundy-250: #C8BEC1;
    --stobg-primitives-burgundy-300: #BAADB0;
    --stobg-primitives-burgundy-350: #AB999E;
    --stobg-primitives-burgundy-400: #9A8289;
    --stobg-primitives-burgundy-450: #86636E;
    --stobg-primitives-burgundy-475: #7A4E5C;
    --stobg-primitives-burgundy-500: #6D2E46;
    --stobg-primitives-burgundy-525: #6A2D44;
    --stobg-primitives-burgundy-550: #682B42;
    --stobg-primitives-burgundy-600: #62293F;
    --stobg-primitives-burgundy-650: #5C263A;
    --stobg-primitives-burgundy-700: #552236;
    --stobg-primitives-burgundy-750: #4E1F31;
    --stobg-primitives-burgundy-800: #461B2B;
    --stobg-primitives-burgundy-850: #3C1625;
    --stobg-primitives-burgundy-900: #31111D;

    /* ========================================
       SEMANTIC
    ======================================== */

    --stobg-semantic-background-canvas: var(--stobg-primitives-neutral-0);
    --stobg-semantic-background-surface: var(--stobg-primitives-neutral-100);
    --stobg-semantic-background-sectionAlt: var(--stobg-primitives-neutral-200);
    --stobg-semantic-background-inverse: var(--stobg-primitives-neutral-900);
    --stobg-semantic-background-overlay: #00000099;
    --stobg-semantic-background-accentSubtle: var(--stobg-primitives-cerulean-50);
    --stobg-semantic-background-actionSubtle: var(--stobg-primitives-cerulean-50);

    --stobg-semantic-text-primary: var(--stobg-primitives-neutral-1000);
    --stobg-semantic-text-secondary: var(--stobg-primitives-neutral-900);
    --stobg-semantic-text-body: var(--stobg-primitives-base-coolGray);
    --stobg-semantic-text-muted: var(--stobg-primitives-neutral-600);
    --stobg-semantic-text-inverse: var(--stobg-primitives-neutral-0);
    --stobg-semantic-text-link: var(--stobg-primitives-cerulean-500);

    --stobg-semantic-border-default: var(--stobg-primitives-neutral-200);
    --stobg-semantic-border-subtle: var(--stobg-primitives-neutral-100);
    --stobg-semantic-border-strong: var(--stobg-primitives-neutral-400);
    --stobg-semantic-border-focus: var(--stobg-semantic-accent-default);

    --stobg-semantic-icon-primary: var(--stobg-semantic-text-primary);
    --stobg-semantic-icon-secondary: var(--stobg-semantic-text-secondary);
    --stobg-semantic-icon-muted: var(--stobg-semantic-text-muted);
    --stobg-semantic-icon-inverse: var(--stobg-semantic-text-inverse);

    --stobg-semantic-accent-default: var(--stobg-primitives-cerulean-500);
    --stobg-semantic-accent-hover: var(--stobg-primitives-cerulean-600);
    --stobg-semantic-accent-pressed: var(--stobg-primitives-cerulean-700);

    --stobg-semantic-action-primary: var(--stobg-primitives-cerulean-500);
    --stobg-semantic-action-hover: var(--stobg-primitives-cerulean-600);
    --stobg-semantic-action-pressed: var(--stobg-primitives-cerulean-700);
    --stobg-semantic-action-textOnPrimary: var(--stobg-primitives-neutral-0);
    --stobg-semantic-action-disabled: var(--stobg-primitives-neutral-200);
    --stobg-semantic-action-disabledText: var(--stobg-primitives-neutral-700);
    --stobg-semantic-action-secondaryText: var(--stobg-primitives-cerulean-800);
    --stobg-semantic-action-secondaryHover: var(--stobg-primitives-cerulean-850);
    --stobg-semantic-action-secondaryPressed: var(--stobg-primitives-cerulean-900);

    --stobg-semantic-form-input-background: var(--stobg-semantic-background-surface);
    --stobg-semantic-form-input-text: var(--stobg-semantic-text-primary);
    --stobg-semantic-form-input-placeholder: var(--stobg-semantic-text-muted);
    --stobg-semantic-form-input-borderDefault: var(--stobg-semantic-border-default);
    --stobg-semantic-form-input-borderFocus: var(--stobg-primitives-orange-500);
    --stobg-semantic-form-input-borderError: var(--stobg-functional-danger);
    --stobg-semantic-form-input-errorText: var(--stobg-functional-danger);
    --stobg-semantic-form-input-helpText: var(--stobg-semantic-text-secondary);
    --stobg-semantic-form-focusRing: #F4A26159;

    --stobg-functional-danger: #CC3333;
    --stobg-functional-success: #2E7D32;

    --stobg-semantic-link: #3399CC;

    --stobg-brand-safety-360: #CE0E2D;
    --stobg-brand-thrive-360: #E47C26;
    --stobg-brand-quality-360: #006648;
    --stobg-brand-structure-tone-blue: #003A70;
}