:root {
    --layer-01: #FFFFFF;
    --layer-03: #F4F4F4;

    --layer-alpha-hover-01: rgba(108, 112, 117, 0.1);

    --layer-alpha-pressed-01: rgba(108, 112, 117, 0.12);

    --border-01: #D7D9DB;
    --border-03: #E5E6E7;

    --chips-default: #6C70751A;
    --chips-hover: #6C707533;
    --chips-pressed: #6C70754D;

    --text-primary: #1B1C1D;
    --text-secondary: #515457;
    --text-helper: #6C7075;
    --text-accent: #FF5C0A;
    --text-white: #FFFFFF;

    --icon-inverse-secondary: #D7D9DB;

    --invert-component-tr-20: rgba(0, 0, 0, 0.90);
    --invert-component-tr-30: rgba(0, 0, 0, 0.78);
    --invert-component-tr-40: rgba(0, 0, 0, 0.66);
    --invert-component-tr-50: rgba(0, 0, 0, 0.30);
    --invert-component-tr-60: rgba(0, 0, 0, 0.14);
    --invert-component-tr-70: rgba(0, 0, 0, 0.06);
    --invert-component-tr-80: rgba(0, 0, 0, 0.03);

    --primary-solid-10: #FF600A;

    --button-text-low: #FF5C0A;

    --white-tr-20: rgba(255, 255, 255, 0.92);

    --button-primary: #FF5C0A;
    --button-icon-secondary: rgba(255, 255, 255, 0.01);

    --status-info-01: #F1F4F6;

    --background-02: #F4F4F4;
    --background-accent: #FF5C0A;

    --invert-background-solid-30: #FCFCFC;
    --invert-background-solid-40: #FEFEFE;

    /* spacing */
    --space-0: 0;
    --space-2: 2px;
    --space-4: 4px;
    --space-6: 6px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-26: 26px;
    --space-28: 28px;
    --space-32: 32px;
    --space-36: 36px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-72: 72px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --space-256: 256px;
    --space-1024: 1024px;

    /* Radius */
    --border-radius-8: 8px;
    --border-radius-10: 10px;
    --border-radius-20: 20px;
    --border-radius-24: 24px;
    --border-radius-30: 30px;
    --border-radius-100: 100px;
    --border-radius-circle: 50%;
    --border-radius-full: 10000000;
}