/* Skin: semitexa-platform-site — Platform marketing site (the "interface layer"). Moss accent, cream paper; dark flips to forest 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-platform-site`.
 */
:root {
    color-scheme: light dark;

    /* COLOR — surfaces, borders, text, accent */
    --ui-surface-page:              light-dark(#eee7d6, #10161d);
    --ui-surface-panel:             light-dark(#faf6ec, #161e27);
    --ui-surface-raised:            light-dark(#ffffff, #1a232c);
    --ui-surface-sunken:            light-dark(#e4dcc6, #0c1219);
    --ui-border-subtle:             light-dark(#d7cdb0, #253240);
    --ui-border-strong:             light-dark(#aa9e7c, #3c4b5a);
    --ui-text-primary:              light-dark(#213540, #edf4f0);
    --ui-text-muted:                light-dark(#545249, #b8afa8);
    --ui-accent-brand:              light-dark(#2f5e52, #8cc3a8);
    --ui-accent-brand-contrast:     light-dark(#ffffff, #0a1411);
    --ui-text-on-accent:            light-dark(#ffffff, #0a1411);

    /* 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(#2f5e52, #8cc3a8);

    /* CHART — categorical 8-step palette */
    --ui-chart-1:     light-dark(#2f5e52, #8cc3a8);
    --ui-chart-2:     light-dark(#a36b3f, #c08a5c);
    --ui-chart-3:     light-dark(#5b8a51, #7eaf72);
    --ui-chart-4:     light-dark(#297cae, #3ba6df);
    --ui-chart-5:     light-dark(#7a4a8c, #a978b8);
    --ui-chart-6:     light-dark(#9e7a3a, #c0a060);
    --ui-chart-7:     light-dark(#3f7d8a, #67a8b9);
    --ui-chart-8:     light-dark(#666638, #959566);

    /* 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(20, 40, 30, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.30));
    --ui-shadow-sm:        light-dark(0 2px 8px -2px rgba(20, 40, 30, 0.08), 0 2px 8px -2px rgba(0, 0, 0, 0.40));
    --ui-shadow-md:        light-dark(0 8px 18px -6px rgba(20, 40, 30, 0.12), 0 8px 18px -6px rgba(0, 0, 0, 0.50));
    --ui-shadow-lg:        light-dark(0 18px 36px -12px rgba(20, 40, 30, 0.16), 0 18px 36px -12px rgba(0, 0, 0, 0.60));
    --ui-shadow-color:     light-dark(rgba(20, 40, 30, 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; }