/*
MASTER SUITE — ENTERPRISE FOUNDATION CORE
Sprint UI-004A

Canonical source for shared UI tokens and neutral base rules.
Official icons, sidebar geometry, topbar geometry, JavaScript and database
are intentionally outside this file.
*/

:root {
    --ms-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ms-font-size-xs: 7px;
    --ms-font-size-sm: 8px;
    --ms-font-size-md: 10px;
    --ms-font-size-base: 12px;
    --ms-font-size-lg: 14px;
    --ms-font-size-xl: 18px;

    --ms-line-height-tight: 1.15;
    --ms-line-height-base: 1.4;
    --ms-line-height-relaxed: 1.6;

    --ms-space-0: 0;
    --ms-space-1: 4px;
    --ms-space-2: 8px;
    --ms-space-3: 12px;
    --ms-space-4: 16px;
    --ms-space-5: 20px;
    --ms-space-6: 24px;
    --ms-space-8: 32px;

    --ms-radius-xs: 4px;
    --ms-radius-sm: 5px;
    --ms-radius-md: 7px;
    --ms-radius-lg: 10px;
    --ms-radius-xl: 14px;
    --ms-radius-pill: 999px;

    --ms-z-sidebar: 5;
    --ms-z-topbar: 20;
    --ms-z-dropdown: 100;
    --ms-z-toast: 120;
    --ms-z-modal: 130;
    --ms-z-overlay: 140;

    --ms-duration-fast: 120ms;
    --ms-duration-base: 180ms;
    --ms-duration-slow: 240ms;
    --ms-ease-standard: ease;

    --ms-color-background: var(--bg);
    --ms-color-surface: var(--surface);
    --ms-color-surface-soft: var(--surface-soft);
    --ms-color-surface-hover: var(--surface-hover);
    --ms-color-text: var(--text);
    --ms-color-muted: var(--muted);
    --ms-color-border: var(--line);
    --ms-color-primary: var(--gold);
    --ms-color-primary-strong: var(--gold-deep);
    --ms-color-success: var(--green);
    --ms-color-danger: var(--red);
    --ms-color-info: var(--blue);
    --ms-shadow-surface: var(--shadow);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: var(--ms-font-family);
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    min-width: 0;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
[role="button"],
summary,
a[href] {
    -webkit-tap-highlight-color: transparent;
}

:focus-visible {
    outline: 2px solid var(--ms-color-primary);
    outline-offset: 2px;
}

.ms-u-hidden {
    display: none !important;
}

.ms-u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.ms-u-truncate {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-u-stack {
    display: flex;
    flex-direction: column;
    gap: var(--ms-space-3);
}

.ms-u-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ms-space-2);
}

/*
Governance:
- shared tokens and neutral base rules: enterprise-foundation.css
- sidebar geometry: enterprise-sidebar.css
- theme and palette: theme-engine.css
- reusable components: enterprise-components.css
- workspace rules: dedicated workspace stylesheets
*/