/* Arcway's shared UI foundation. Color values live here; components consume semantic tokens. */
.arcway-ui, .arcway-ui-document {
    color-scheme: dark;
    --ui-bg: #0B1014;
    --ui-shell-sidebar: #14191E;
    --ui-shell-topbar: #14191E;
    --ui-surface: #1B2025;
    --ui-surface-raised: #232A30;
    --ui-text: #F4F5F6;
    --ui-text-muted: #AAB2BA;
    --ui-border: #30383F;
    --ui-control-border: #56616B;
    --ui-accent: #FFBF24;
    --ui-accent-secondary: #E7A914;
    --ui-accent-hover: #FFD166;
    --ui-accent-soft: rgba(255, 191, 36, .11);
    --ui-on-accent: var(--ui-black);
    --ui-focus: #FFD166;
    --ui-success: #62D3A4;
    --ui-warning: #F3BE67;
    --ui-danger: #FF7A7A;
    --ui-unknown: #AAB2BA;
    --ui-info: #4B9CFF;
    --ui-violet: #A78BFA;
    --ui-white: #FFFFFF;
    --ui-black: #000000;
    --ui-overlay: rgba(0, 0, 0, .76);
    --ui-scrim: rgba(0, 0, 0, .72);
    --ui-surface-hover: rgba(244, 245, 246, .055);
    --ui-transparent: transparent;
    --ui-shadow: 0 14px 34px rgba(0, 0, 0, .28);
    --ui-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-6: 24px;
    --ui-space-8: 32px;
    --ui-radius: 10px;
    /* Shared component dimensions; colors continue to use the theme tokens above. */
    --ui-heading-size: clamp(1.5rem, 3vw, 2rem);
    --ui-panel-padding: var(--ui-space-6);
    --ui-panel-radius: var(--ui-radius);
    --ui-control-height: 44px;
    --ui-control-radius: 8px;
    --ui-control-padding-inline: var(--ui-space-3);
    --ui-field-gap: var(--ui-space-2);
    --ui-filter-gap: var(--ui-space-3);
    --ui-table-cell-padding: var(--ui-space-3);
    --ui-focus-width: 3px;
    --ui-shell-sidebar-width: 248px;
    --ui-shell-sidebar-collapsed-width: 64px;
    --ui-shell-topbar-height: 64px;

    /* Semantic series remain distinct from the gold product accent. */
    --ui-chart-1: var(--ui-accent);
    --ui-chart-2: var(--ui-success);
    --ui-chart-3: var(--ui-warning);
    --ui-chart-axis: var(--ui-text-muted);
    --ui-chart-grid: var(--ui-border);
    --ui-state-running: var(--ui-success);
    --ui-state-welding: var(--ui-accent);
    --ui-state-fault: var(--ui-danger);
    --ui-state-waiting: var(--ui-warning);
    --ui-state-idle: var(--ui-text-muted);
    --ui-state-unknown: var(--ui-unknown);

    /* Legacy names are aliases inside the new UI boundary. */
    --background: var(--ui-bg);
    --surface: var(--ui-surface);
    --text: var(--ui-text);
    --muted: var(--ui-text-muted);
    --border: var(--ui-border);
    --accent: var(--ui-accent);
}

.arcway-ui[data-theme="light"], .arcway-ui-document[data-theme="light"] {
    color-scheme: light;
    --ui-bg: #F3F6FA;
    --ui-shell-sidebar: #EAF0F6;
    --ui-shell-topbar: #FFFFFF;
    --ui-surface: var(--ui-white);
    --ui-surface-raised: #EAF0F6;
    --ui-text: #172437;
    --ui-text-muted: #526278;
    --ui-border: #D3DCE7;
    --ui-control-border: #728198;
    --ui-accent: #1256A0;
    --ui-accent-secondary: #8C6500;
    --ui-accent-hover: #17457C;
    --ui-accent-soft: rgba(18, 86, 160, .09);
    --ui-on-accent: var(--ui-white);
    --ui-focus: #145DB0;
    --ui-success: #146C49;
    --ui-warning: #855500;
    --ui-danger: #A31F37;
    --ui-unknown: #58677A;
    --ui-info: #1256A0;
    --ui-violet: #7143B8;
    --ui-scrim: rgba(17, 29, 45, .46);
    --ui-surface-hover: rgba(82, 98, 120, .08);
    --ui-shadow: 0 12px 30px rgba(23, 36, 55, .10);
}

/* Shared KPI typography, based on Factory Overview. */
.arcway-ui,.arcway-ui-document{--ui-kpi-title-size:13px;--ui-kpi-title-weight:650;--ui-kpi-value-size:clamp(25px,2vw,32px);--ui-kpi-value-weight:750;--ui-kpi-value-compact-size:clamp(16px,1.3vw,22px);--ui-kpi-description-size:12px;--ui-kpi-description-weight:400;--ui-kpi-radius:12px;--ui-kpi-padding:16px;--ui-kpi-gap:14px}

@media(max-width:700px){.arcway-ui,.arcway-ui-document{--ui-kpi-value-size:24px;--ui-kpi-value-compact-size:16px;--ui-kpi-padding:14px;--ui-kpi-gap:10px}}

/* Native action labels share the form control rhythm across management pages. */
.arcway-ui,.arcway-ui-document{--ui-action-font-size:13px;--ui-action-font-weight:650}