/*
 * modularsystem.sk — design tokens (DESIGN_MANUAL.md §8).
 * Registered as the first stylesheet of every modern component; nothing component-specific
 * belongs here. Breakpoints stay literals in @container queries (§7).
 */
:root {
    /* Primary */
    --ms-accent: #0047ff;
    --ms-accent-hover: #0039d4;
    --ms-accent-tint: #f0f3ff;

    /* Ink */
    --ms-ink: #05083f;
    --ms-text: #565a66;
    --ms-muted: #9399aa; /* decoration / dark backgrounds only (§3) */

    /* Surfaces */
    --ms-surface: #fff;
    --ms-surface-alt: #f8f9fc;
    --ms-surface-dark: #05083f;

    /* Borders */
    --ms-border: #e8e9ee;
    --ms-border-frame: #d4d5dc;

    /* Shape, elevation, motion */
    --ms-radius: 0.5rem;
    --ms-radius-input: 0.25rem;
    --ms-radius-pill: 2rem;
    --ms-shadow-frame: 0 8px 40px rgba(5, 8, 63, 0.13), 0 2px 8px rgba(5, 8, 63, 0.06);
    --ms-shadow-hover: 0 8px 32px rgba(5, 8, 63, 0.1);
    --ms-transition: 0.2s ease;
    --ms-focus: 3px solid #0047ff;

    /* Layout */
    --ms-inner: 81.25rem;
    --ms-inner-narrow: 50rem;
}