/* StarCore design tokens. Mirrored by hand in mobile/src/theme/tokens.ts. */

:root {
    --sc-bg: #101114;
    --sc-sidebar: #0c0d0f;
    --sc-card: #212228;
    --sc-control: #24252b;
    --sc-control-strong: #34363d;
    --sc-field: #17181c;
    --sc-line: #222329;

    --sc-text: #ffffff;
    --sc-text-icon: #e6e7eb;
    --sc-text-2: #a6a8b1;
    --sc-text-3: #8b8f9a;

    --sc-accent: #ee444b;
    --sc-on-accent: #141215;
    --sc-danger: #ee444b;
    --sc-warn: #f0b43c;
    /* a chart's second series beside the accent; separable from every accent preset,
       including for colour-blind readers (checked with the data-viz palette validator) */
    --sc-chart-2: #7d808a;

    --sc-font-sans: "Inter", "Manrope", "Segoe UI Variable Text", "Segoe UI", Roboto, system-ui, sans-serif;
    --sc-font-display: "Space Grotesk", "Manrope", "Inter", "Segoe UI Variable Display", "Segoe UI", Roboto, system-ui, sans-serif;
    --sc-font-mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;

    --sc-radius-card: 16px;
    --sc-radius-control: 10px;

    --sc-space-1: 4px;
    --sc-space-2: 8px;
    --sc-space-3: 12px;
    --sc-space-4: 16px;
    --sc-space-5: 24px;
    --sc-space-6: 32px;
    --sc-space-7: 48px;

    --sc-dots: radial-gradient(circle, rgba(255, 255, 255, 0.09) 1px, transparent 1.5px);

    /* the Settings gear, used through .sc-gear (core.css) */
    --sc-icon-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
}

/* accent presets, picked from the Home header and remembered per browser */
:root[data-accent="orange"] { --sc-accent: #f08a3c; }
:root[data-accent="green"] { --sc-accent: #45c486; }
:root[data-accent="blue"] { --sc-accent: #5b95f7; }
:root[data-accent="mono"] { --sc-accent: #e6e7eb; }