:root {
    --surface-page: #cbd5e1;

    --surface-regular: #f0f9ff;
    --surface-contrast: #e7f2fc;
    --surface-contrast-more: #dbe6f4;

    --border: #e4e4e7;

    --text-regular: #1f2937;
    --text-subtle: #6b7280;

    --accent: #0369a1;
    --accent-hover: #0c4a6e;

    --btn-secondary-bg: #bae6fd;
    --btn-secondary-bg-hover: #7dd3fc;
}

#public-app .public-app-inner::before,
#public-app .app-clipped-shell::before {
    background-image: url("assets/bg.jpg");
}