[data-theme="sesu-light"] {
    font-family: "Quicksand", sans-serif;

    /* Color variables */
    --color-base-100: oklch(1 0 0);
    --color-base-200: oklch(0.96 0.0099 321.32);
    --color-base-300: oklch(0.87 0.0382 325.9);
    --color-base-content: oklch(0.32 0 0);
    --color-primary: oklch(0.4 0.1435 331.08);
    --color-primary-content: oklch(93% 0.034 272.788);
    --color-secondary: oklch(0.96 0.0099 321.32);
    --color-secondary-content: oklch(0.32 0 0);
    --color-accent: oklch(82% 0.119 306.383);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(54% 0.017 285.786);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info-content: oklch(0.32 0 0);
    --color-success: oklch(0.51 0.17 147);
    --color-success-content: oklch(98% 0.014 180.72);
    --color-error: oklch(0.64 0.24 20.1);
    --color-error-content: oklch(97% 0.014 343.198);

    /* Radius and size variables */
    --radius-selector: 0.5rem;
    --radius-field: 0.5rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1.5px;
    --depth: 1;
    --noise: 0;
}

[data-theme="sesu-light"] input,
[data-theme="sesu-light"] select,
[data-theme="sesu-light"] textarea,
[data-theme="sesu-light"] button {
    outline: none;
}

[data-theme="sesu-light"] input:focus,
[data-theme="sesu-light"] select:focus,
[data-theme="sesu-light"] textarea:focus,
[data-theme="sesu-light"] button:focus {
    border-color: oklch(0.4 0.1435 331.08); /* primary */
}