:root {
    /* ── Brand & surfaces ───────────────────────────────────── */
    --color-bg: #e4eaf2;
    --color-bg-elevated: #eef2f8;
    --color-bg-ambient: radial-gradient(1200px 520px at 10% -10%, rgba(26, 79, 140, 0.1), transparent 58%),
        radial-gradient(900px 420px at 94% -4%, rgba(26, 79, 140, 0.05), transparent 52%),
        radial-gradient(700px 360px at 50% 0%, rgba(255, 255, 255, 0.35), transparent 55%),
        linear-gradient(180deg, #e7eef7 0%, #e4eaf2 42%, #e1e7f0 100%);
    --rp-signature-glow: radial-gradient(ellipse at center, rgba(26, 79, 140, 0.14), transparent 68%);
    --rp-hero-surface: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(244, 248, 252, 0.96) 48%, rgba(255, 255, 255, 0.92) 100%);
    --color-surface: #ffffff;
    --color-surface-muted: #f6f8fb;
    --color-surface-inset: #eef2f7;
    --color-surface-glass: rgba(255, 255, 255, 0.82);
    --color-border: #d0d8e4;
    --color-border-strong: #b0bdcf;
    --color-border-subtle: #e3e9f1;
    --color-border-glow: rgba(255, 255, 255, 0.72);

    /* ── Text ───────────────────────────────────────────────── */
    --color-text: #101828;
    --color-text-muted: #475467;
    --color-text-subtle: #667085;
    --color-text-inverse: #ffffff;

    /* ── Primary / accent ─────────────────────────────────────── */
    --color-primary: #1a4f8c;
    --color-primary-hover: #153f70;
    --color-primary-soft: #e8f0f9;
    --color-primary-border: #b7cce5;
    --color-primary-glow: rgba(26, 79, 140, 0.18);

    /* ── Danger ─────────────────────────────────────────────── */
    --color-danger: #b42318;
    --color-danger-hover: #912018;
    --color-danger-soft: #fef3f2;
    --color-danger-border: #fecdca;

    /* ── Status — restrained enterprise palette ─────────────── */
    --color-status-draft-bg: #eef1f5;
    --color-status-draft-text: #475467;
    --color-status-draft-border: #d0d5dd;

    --color-status-review-bg: #edf3fa;
    --color-status-review-text: #1a4f8c;
    --color-status-review-border: #b7cce5;

    --color-status-approved-bg: #e8f3ec;
    --color-status-approved-text: #1f5c38;
    --color-status-approved-border: #b8dcc8;

    --color-status-obsolete-bg: #f3f0ee;
    --color-status-obsolete-text: #6b5e56;
    --color-status-obsolete-border: #d8cfc7;

    --color-status-open-bg: #edf3fa;
    --color-status-open-text: #1a4f8c;
    --color-status-open-border: #b7cce5;

    --color-status-closed-bg: #eef1f5;
    --color-status-closed-text: #475467;
    --color-status-closed-border: #d0d5dd;

    --color-status-overdue-bg: #fef3f2;
    --color-status-overdue-text: #912018;
    --color-status-overdue-border: #fecdca;

    --color-status-minor-bg: #fef7e8;
    --color-status-minor-text: #7a5c12;
    --color-status-minor-border: #ead7a0;

    --color-status-major-bg: #fef3f2;
    --color-status-major-text: #912018;
    --color-status-major-border: #fecdca;

    --color-status-observation-bg: #f2f4f7;
    --color-status-observation-text: #475467;
    --color-status-observation-border: #d0d5dd;

    --color-status-completed-bg: #e8f3ec;
    --color-status-completed-text: #1f5c38;
    --color-status-completed-border: #b8dcc8;

    --color-status-pending-bg: #fef7e8;
    --color-status-pending-text: #7a5c12;
    --color-status-pending-border: #ead7a0;

    --color-status-neutral-bg: #eef1f5;
    --color-status-neutral-text: #475467;
    --color-status-neutral-border: #d0d5dd;

    --color-status-critical-bg: #fef3f2;
    --color-status-critical-text: #912018;
    --color-status-critical-border: #fecdca;

    --color-status-warning-bg: #fef7e8;
    --color-status-warning-text: #7a5c12;
    --color-status-warning-border: #ead7a0;

    --color-status-info-bg: #edf3fa;
    --color-status-info-text: #1a4f8c;
    --color-status-info-border: #b7cce5;

    --color-status-success-bg: #e8f3ec;
    --color-status-success-text: #1f5c38;
    --color-status-success-border: #b8dcc8;

    /* ── Alerts ─────────────────────────────────────────────── */
    --color-info-bg: #edf3fa;
    --color-info-border: #b7cce5;
    --color-info-text: #1a4f8c;

    --color-warning-bg: #fff8eb;
    --color-warning-border: #ead7a0;
    --color-warning-text: #7a5c12;

    --color-success-bg: #e8f3ec;
    --color-success-border: #b8dcc8;
    --color-success-text: #1f5c38;

    --color-neutral-bg: #f2f4f7;
    --color-neutral-border: #d0d5dd;
    --color-neutral-text: #475467;

    /* ── Shell chrome ───────────────────────────────────────── */
    --color-sidebar-bg: #0c1422;
    --color-sidebar-bg-soft: linear-gradient(180deg, #121c2e 0%, #0c1422 55%, #0a111c 100%);
    --color-sidebar-text: #b4c2d4;
    --color-sidebar-text-active: #ffffff;
    --color-sidebar-hover: rgba(255, 255, 255, 0.055);
    --color-sidebar-active: rgba(26, 79, 140, 0.34);
    --color-sidebar-active-glow: 0 0 0 1px rgba(120, 170, 230, 0.18), 0 8px 20px rgba(26, 79, 140, 0.18);
    --color-header-bg: rgba(255, 255, 255, 0.86);
    --color-focus: #1a4f8c;

    /* ── Typography ─────────────────────────────────────────── */
    --font-sans: "Segoe UI", "Segoe UI Variable", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-2xs: 0.6875rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.625rem;
    --font-size-3xl: 2rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.25;
    --line-height-base: 1.5;
    --line-height-relaxed: 1.65;
    --letter-spacing-tight: -0.015em;
    --letter-spacing-wide: 0.04em;

    /* ── Spacing ────────────────────────────────────────────── */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --section-gap: 1.75rem;

    /* ── Radius & elevation ─────────────────────────────────── */
    --radius-xs: 5px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-pill: 999px;
    --shadow-xs: 0 1px 2px rgba(15, 24, 40, 0.04);
    --shadow-sm: 0 1px 2px rgba(15, 24, 40, 0.04), 0 4px 12px rgba(15, 24, 40, 0.05);
    --shadow-md: 0 8px 24px rgba(15, 24, 40, 0.08);
    --shadow-lg: 0 18px 42px rgba(15, 24, 40, 0.12);
    --shadow-glow: 0 0 0 1px rgba(26, 79, 140, 0.08), 0 10px 28px rgba(26, 79, 140, 0.08);
    --shadow-card: 0 1px 2px rgba(15, 24, 40, 0.03), 0 8px 22px rgba(15, 24, 40, 0.05);
    --shadow-card-hover: 0 2px 4px rgba(15, 24, 40, 0.04), 0 14px 32px rgba(15, 24, 40, 0.08);
    --elevation-1: var(--shadow-xs);
    --elevation-2: var(--shadow-sm);
    --elevation-3: var(--shadow-md);

    /* ── Motion ─────────────────────────────────────────────── */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: 180ms var(--ease-soft);
    --transition-base: 220ms var(--ease-out);
    --transition-slow: 260ms var(--ease-out);

    /* ── Layout ─────────────────────────────────────────────── */
    --sidebar-width: 268px;
    --header-height: 64px;
    --workspace-max-width: 1440px;
    --content-max-width: 1200px;
    --z-sidebar: 200;
    --z-header: 100;
    --z-backdrop: 150;
    --z-dropdown: 180;
    --z-modal: 300;
    --z-toast: 400;
}