:root {

    /* Core palette */

    --color-black: #050505;
    --color-black-soft: #0b0b0b;

    --color-pink: #ffd7d7;
    --color-pink-muted: #caa8a8;

    --color-green: #194d24;

    --color-white: #f2eded;

    /* Theme Colors */

    --theme-background: var(--color-black);

    --theme-text: var(--color-white);

    --theme-panel: rgba(5, 5, 5, 0.96);

    /* Transparency */

    --color-border: rgba(255, 215, 215, 0.12);

    --color-pink-soft:
        rgba(255, 215, 215, 0.08);

    --color-green-soft:
        rgba(25, 77, 36, 0.14);


    /* Layout */

    --site-padding: 4rem;

    --site-width: 1400px;


    /* Motion */

    --transition-fast: 0.2s ease;

    --transition-normal: 0.35s ease;

}

html[data-theme="light"] {
    --theme-background: #ffd7d7;

    --color-pink: #194d24;
    --color-pink-muted: #2f6339;
    --color-pink-soft: rgba(25, 77, 36, 0.08);

    --theme-text: #194d24;
    --theme-panel: rgba(255, 215, 215, 0.96);

    --color-border: rgba(25, 77, 36, 0.18);

}