:root {
    /* === System Colors === */
    --blue-light: #007AFF;
    --blue-dark: #0A84FF;
    --blue-contrast-light: #0040DD;
    --blue-contrast-dark: #409CFF;

    --green-light: #34C759;
    --green-dark: #30D158;
    --green-contrast-light: #248A3D;
    --green-contrast-dark: #30DB5B;

    --indigo-light: #5856D6;
    --indigo-dark: #5E5CE6;
    --indigo-contrast-light: #3634A3;
    --indigo-contrast-dark: #7D7AFF;

    --orange-light: #FF9500;
    --orange-dark: #FF9F0A;
    --orange-contrast-light: #C93400;
    --orange-contrast-dark: #FFB340;

    --pink-light: #FF2D55;
    --pink-dark: #FF375F;
    --pink-contrast-light: #D30F45;
    --pink-contrast-dark: #FF6482;

    --purple-light: #AF52DE;
    --purple-dark: #BF5AF2;
    --purple-contrast-light: #8944AB;
    --purple-contrast-dark: #DA8FFF;

    --red-light: #FF3B30;
    --red-dark: #FF453A;
    --red-contrast-light: #D70015;
    --red-contrast-dark: #FF6961;

    --teal-light: #5AC8FA;
    --teal-dark: #64D2FF;
    --teal-contrast-light: #0071A4;
    --teal-contrast-dark: #70D7FF;

    --yellow-light: #FFCC00;
    --yellow-dark: #FFD60A;
    --yellow-contrast-light: #B36200;
    --yellow-contrast-dark: #FFD426;

    --gray-light: #8E8E93;
    --gray-dark: #8E8E93;
    --gray-contrast-light: #6C6C70;
    --gray-contrast-dark: #AEAEB2;

    --gray2-light: #AEAEB2;
    --gray2-dark: #636366;
    --gray2-contrast-light: #8E8E93;
    --gray2-contrast-dark: #7C7C80;

    --gray3-light: #C7C7CC;
    --gray3-dark: #48484A;
    --gray3-contrast-light: #AEAEB2;
    --gray3-contrast-dark: #545456;

    --gray4-light: #D1D1D6;
    --gray4-dark: #3A3A3C;
    --gray4-contrast-light: #BCBCC0;
    --gray4-contrast-dark: #444446;

    --gray5-light: #E5E5EA;
    --gray5-dark: #2C2C2E;
    --gray5-contrast-light: #D8D8DC;
    --gray5-contrast-dark: #363638;

    --gray6-light: #F2F2F7;
    --gray6-dark: #1C1C1E;
    --gray6-contrast-light: #EBEBF0;
    --gray6-contrast-dark: #242426;

    /* === Background Colors === */
    --background-light: #FFFFFF;
    --background-dark: #000000;
    --background-contrast-light: #FFFFFF;
    --background-contrast-dark: #000000;

    --secondary-background-light: #F2F2F7;
    --secondary-background-dark: #1C1C1E;
    --secondary-background-contrast-light: #EBEBF0;
    --secondary-background-contrast-dark: #242426;

    --tertiary-background-light: #FFFFFF;
    --tertiary-background-dark: #2C2C2E;
    --tertiary-background-contrast-light: #FFFFFF;
    --tertiary-background-contrast-dark: #363638;

    --grouped-background-light: #F2F2F7;
    --grouped-background-dark: #000000;
    --grouped-background-contrast-light: #EBEBF0;
    --grouped-background-contrast-dark: #000000;

    --secondary-grouped-background-light: #FFFFFF;
    --secondary-grouped-background-dark: #1C1C1E;
    --secondary-grouped-background-contrast-light: #FFFFFF;
    --secondary-grouped-background-contrast-dark: #242426;

    --tertiary-grouped-background-light: #F2F2F7;
    --tertiary-grouped-background-dark: #2C2C2E;
    --tertiary-grouped-background-contrast-light: #EBEBF0;
    --tertiary-grouped-background-contrast-dark: #363638;

    /* === Fills === */
    --fill-light: #78788033;
    --fill-dark: #7878805C;
    --fill-contrast-light: #78788047;
    --fill-contrast-dark: #78788070;

    --secondary-fill-light: #78788028;
    --secondary-fill-dark: #78788051;
    --secondary-fill-contrast-light: #7878803D;
    --secondary-fill-contrast-dark: #78788066;

    --tertiary-fill-light: #7676801E;
    --tertiary-fill-dark: #7676803D;
    --tertiary-fill-contrast-light: #76768033;
    --tertiary-fill-contrast-dark: #76768051;

    --quaternary-fill-light: #74748014;
    --quaternary-fill-dark: #7676802E;
    --quaternary-fill-contrast-light: #74748028;
    --quaternary-fill-contrast-dark: #76768042;

    /* === TEXTS === */
    --light-text-light: #FFFFFF99;
    --light-text-dark: #FFFFFF99;
    --light-text-contrast-light: #FFFFFF99;
    --light-text-contrast-dark: #FFFFFF99;

    --dark-text-light: #000000;
    --dark-text-dark: #000000;
    --dark-text-contrast-light: #000000;
    --dark-text-contrast-dark: #000000;

    /* === Label Colors === */
    --label-light: #000000;
    --label-dark: #FFFFFF;
    --label-contrast-light: #000000;
    --label-contrast-dark: #FFFFFF;

    --secondary-label-light: #3C3C4399;
    --secondary-label-dark: #EBEBF599;
    --secondary-label-contrast-light: #3C3C43CC;
    --secondary-label-contrast-dark: #EBEBF5B3;

    --tertiary-label-light: #3C3C434C;
    --tertiary-label-dark: #EBEBF54C;
    --tertiary-label-contrast-light: #3C3C43B3;
    --tertiary-label-contrast-dark: #EBEBF58C;

    --quaternary-label-light: #3C3C432E;
    --quaternary-label-dark: #EBEBF52E;
    --quaternary-label-contrast-light: #3C3C438C;
    --quaternary-label-contrast-dark: #EBEBF566;

    /* === Link === */
    --link-light: #007AFF;
    --link-dark: #0984FF;
    --link-contrast-light: #007AFF;
    --link-contrast-dark: #0984FF;

    /* === Placeholder Text === */
    --placeholder-text-light: #3C3C434C;
    --placeholder-text-dark: #EBEBF54C;
    --placeholder-text-contrast-light: #3C3C43B3;
    --placeholder-text-contrast-dark: #EBEBF58C;

    /* === SEPARATOR === */
    --separator-light: #3C3C434A;
    --separator-dark: #54545899;
    --separator-contrast-light: #3C3C435E;
    --separator-contrast-dark: #545458AE;

    --opaque-separator-light: #C6C6C8;
    --opaque-separator-dark: #38383A;
    --opaque-separator-contrast-light: #C6C6C8;
    --opaque-separator-contrast-dark: #38383A;
}