:root {
    /* Palette */
    --park-color-neutral-000: #ffffff;
    --park-color-neutral-800: #111111;
    --park-color-neutral-850: #1a2226;
    --park-color-neutral-830: #1e282c;
    --park-color-neutral-900: #000000;

    --park-color-primary-200: #5ec0f9;
    --park-color-primary-300: #57c1f5;
    --park-color-primary-500: #3c8dbc;

    /* Layout */
    --park-sidebar-width: 220px;

    /* Semantic tokens */
    --park-color-login-card-border: var(--park-color-neutral-800);
    --park-color-sidebar-header-text: var(--park-color-primary-200);
    --park-color-sidebar-header-bg: var(--park-color-neutral-850);
    --park-color-sidebar-hover-bg: var(--park-color-neutral-830);

    --park-color-brand-bg: var(--park-color-neutral-000);
    --park-color-sidebar-active-border: var(--park-color-neutral-000);
    --park-color-sidebar-active-bg: var(--park-color-sidebar-header-bg);

    --park-color-action-primary: var(--park-color-primary-300);
    --park-color-action-primary-hover: var(--park-color-primary-500);
    --park-color-action-primary-text: var(--park-color-neutral-900);
    --park-color-link: var(--park-color-primary-500);
    --park-color-link-hover: var(--park-color-primary-300);
}