@import url('./styles/reset.scss');

:root {
    --astronaut-blue: oklch(0.3303 0.078667 242.1936);
    --kashmir-blue: oklch(0.5311 0.0868 244.85);
    --bossanova: oklch(0.3442 0.0916 323.14);
    --trendy-pink: oklch(0.5466 0.0925 325.35);
    --zuccini: oklch(0.3235 0.077159 156.9102);
    --amazon: oklch(0.5235 0.0882 155.85);
    --buccaneer: oklch(0.3435 0.0869 23.74);
    --copper-rust: oklch(0.5452 0.0967 23.21);
    --zircon: oklch(0.9823 0.008252 271.3302);
    --athens-gray: oklch(0.9312 0.0084 271.32);

    --color-primary: var(--astronaut-blue);
    --color-on-primary: white;
    --color-primary-container: var(--kashmir-blue);

    --color-secondary: var(--bossanova);
    --color-on-secondary: white;
    --color-secondary-container: var(--trendy-pink);

    --color-tertiary: var(--zuccini);
    --color-on-tertiary: white;
    --color-tertiary-container: var(--amazon);

    --color-error: var(--buccaneer);
    --color-error-container: var(--copper-rust);

    --color-surface: var(--zircon);
    --color-surface-container: var(--athens-gray);
}

body {
    margin: 0;
}