/* Skin: semitexa-site — Framework marketing site. Terracotta accent on warm cream paper; dark flips to deep ink.
 * algorithm=manual  source=manual  seed=n/a  generated=2026-04-25T06:42:00+00:00.
 * Generated by semitexa/theme — do not edit manually.
 * Regenerate via `bin/semitexa skins:rebuild semitexa-site`.
 */
:root {
    color-scheme: light dark;

    /* COLOR — surfaces, borders, text, accent */
    --ui-surface-page:              light-dark(#f7eee4, #0f171e);
    --ui-surface-panel:             light-dark(#f0e4d2, #141d26);
    --ui-surface-raised:            light-dark(#fffaf2, #17222b);
    --ui-surface-sunken:            light-dark(#e9dbc9, #0b1119);
    --ui-border-subtle:             light-dark(#e6d9c4, #233340);
    --ui-border-strong:             light-dark(#c4b39a, #3a4a58);
    --ui-text-primary:              light-dark(#231c18, #f2e8de);
    --ui-text-muted:                light-dark(#655d58, #b8aca1);
    --ui-accent-brand:              light-dark(#b63a2f, #d96858);
    --ui-accent-brand-contrast:     #ffffff;
    --ui-text-on-accent:            #ffffff;

    /* STATE — semantic feedback colors + focus ring */
    --ui-state-success:     light-dark(#448247, #4ea653);
    --ui-state-warning:     light-dark(#d19853, #e6ac6b);
    --ui-state-danger:      light-dark(#b14e49, #d85f57);
    --ui-state-info:        light-dark(#297cae, #3ba6df);
    --ui-focus-ring:        light-dark(#b63a2f, #d96858);

    /* CHART — categorical 8-step palette */
    --ui-chart-1:     light-dark(#b63a2f, #d96858);
    --ui-chart-2:     light-dark(#d19853, #e6ac6b);
    --ui-chart-3:     light-dark(#5b8a51, #7eaf72);
    --ui-chart-4:     light-dark(#297cae, #3ba6df);
    --ui-chart-5:     light-dark(#8a4a8c, #b27ab5);
    --ui-chart-6:     light-dark(#a0673a, #c89a78);
    --ui-chart-7:     light-dark(#3f7d6e, #67afa0);
    --ui-chart-8:     light-dark(#7a6f3a, #a59c66);

    /* FORM — radius scale */
    --ui-radius-none:     0;
    --ui-radius-sm:       0.25rem;
    --ui-radius-md:       0.5rem;
    --ui-radius-lg:       0.875rem;
    --ui-radius-pill:     9999px;

    /* DEPTH — shadow scale */
    --ui-shadow-xs:        light-dark(0 1px 2px 0 rgba(60, 30, 15, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.30));
    --ui-shadow-sm:        light-dark(0 2px 8px -2px rgba(60, 30, 15, 0.08), 0 2px 8px -2px rgba(0, 0, 0, 0.40));
    --ui-shadow-md:        light-dark(0 8px 18px -6px rgba(60, 30, 15, 0.12), 0 8px 18px -6px rgba(0, 0, 0, 0.50));
    --ui-shadow-lg:        light-dark(0 18px 36px -12px rgba(60, 30, 15, 0.16), 0 18px 36px -12px rgba(0, 0, 0, 0.60));
    --ui-shadow-color:     light-dark(rgba(60, 30, 15, 0.08), rgba(0, 0, 0, 0.45));

    /* MOTION — durations + easings */
    --ui-motion-duration-fast:         120ms;
    --ui-motion-duration-normal:       240ms;
    --ui-motion-duration-slow:         480ms;
    --ui-motion-easing-standard:       cubic-bezier(0.4, 0, 0.2, 1);
    --ui-motion-easing-emphasized:     cubic-bezier(0.3, 0, 0, 1);

    /* EFFECT — surface filters (glass) */
    --ui-surface-blur:           none;
    --ui-surface-saturation:     100%;
}

:root[data-skin-mode="light"] { color-scheme: light; }
:root[data-skin-mode="dark"]  { color-scheme: dark; }