/* XPScerpto canonical semantic token authority — R06R3R1. */
:root{
  --xps-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --xps-font-arabic: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --xps-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --xps-font-size-xs: .75rem;
  --xps-font-size-sm: .875rem;
  --xps-font-size-md: 1rem;
  --xps-font-size-lg: 1.125rem;
  --xps-font-size-xl: 1.375rem;
  --xps-font-size-2xl: 1.75rem;
  --xps-line-height-compact: 1.35;
  --xps-line-height-normal: 1.6;
  --xps-line-height-arabic: 1.8;
  --xps-space-0: 0;
  --xps-space-1: .25rem;
  --xps-space-2: .5rem;
  --xps-space-3: .75rem;
  --xps-space-4: 1rem;
  --xps-space-5: 1.25rem;
  --xps-space-6: 1.5rem;
  --xps-space-8: 2rem;
  --xps-space-10: 2.5rem;
  --xps-space-12: 3rem;
  --xps-radius-sm: .375rem;
  --xps-radius-md: .625rem;
  --xps-radius-lg: .875rem;
  --xps-radius-xl: 1.25rem;
  --xps-radius-pill: 999px;
  --xps-border-thin: 1px;
  --xps-border-strong: 2px;
  --xps-elevation-1: 0 1px 2px var(--xps-shadow-color);
  --xps-elevation-2: 0 8px 24px var(--xps-shadow-color);
  --xps-elevation-3: 0 20px 56px var(--xps-shadow-color);
  --xps-motion-fast: 120ms;
  --xps-motion-normal: 180ms;
  --xps-motion-slow: 260ms;
  --xps-motion-ease: cubic-bezier(.2,.8,.2,1);
  --xps-touch-target: 44px;
  --xps-content-max: 92rem;
  --xps-reading-max: 72ch;
  --xps-header-offset: 5rem;
  --xps-mask-opaque: #000000;
  --xps-print-paper: #ffffff;
  --xps-print-ink: #000000;
  --xps-print-muted: #444444;
  --xps-print-border: #777777;
  --xps-print-transparent: transparent;
  --xps-ds-canvas: var(--xps-color-canvas);
  --xps-ds-surface: var(--xps-color-surface);
  --xps-ds-surface-raised: var(--xps-color-surface-raised);
  --xps-ds-surface-subtle: var(--xps-color-surface-subtle);
  --xps-ds-text: var(--xps-color-text);
  --xps-ds-text-muted: var(--xps-color-text-muted);
  --xps-ds-border: var(--xps-color-border);
  --xps-ds-border-strong: var(--xps-color-border-strong);
  --xps-ds-focus: var(--xps-color-focus);
  --xps-ds-link: var(--xps-color-link);
  --xps-ds-success: var(--xps-color-success);
  --xps-ds-warning: var(--xps-color-warning);
  --xps-ds-danger: var(--xps-color-danger);
  --xps-ds-denied: var(--xps-color-denied);
  --xps-ds-expired: var(--xps-color-expired);
  --xps-ds-stale: var(--xps-color-stale);
  --xps-ds-provider: var(--xps-color-provider);
  --xps-ds-freeze: var(--xps-color-freeze);
  --xps-ds-font-sans: var(--xps-font-sans);
  --xps-ds-font-arabic: var(--xps-font-arabic);
  --xps-ds-font-mono: var(--xps-font-mono);
  --xps-ds-space-1: var(--xps-space-1);
  --xps-ds-space-2: var(--xps-space-2);
  --xps-ds-space-3: var(--xps-space-3);
  --xps-ds-space-4: var(--xps-space-4);
  --xps-ds-space-5: var(--xps-space-5);
  --xps-ds-space-6: var(--xps-space-6);
  --xps-ds-space-8: var(--xps-space-8);
  --xps-ds-radius-sm: var(--xps-radius-sm);
  --xps-ds-radius-md: var(--xps-radius-md);
  --xps-ds-radius-lg: var(--xps-radius-lg);
  --xps-ds-radius-pill: var(--xps-radius-pill);
  --xps-ds-shadow-1: var(--xps-elevation-1);
  --xps-ds-shadow-2: var(--xps-elevation-2);
  --xps-ds-motion-fast: var(--xps-motion-fast);
  --xps-ds-motion-normal: var(--xps-motion-normal);
  --xps-ds-ease: var(--xps-motion-ease);
  --xps-ds-touch: var(--xps-touch-target);
  --xps-ds-content-max: var(--xps-content-max);
  --xps-color-canvas: #071019;
  --xps-color-canvas-deep: #030811;
  --xps-color-canvas-subtle: #0a151f;
  --xps-color-surface: #0d1924;
  --xps-color-surface-raised: #132330;
  --xps-color-surface-subtle: #0a151f;
  --xps-color-surface-inverse: #f4f7fb;
  --xps-color-text: #f2f7fb;
  --xps-color-text-muted: #b5c4cf;
  --xps-color-text-subtle: #93a7b4;
  --xps-color-text-inverse: #14212b;
  --xps-color-border: #3d5362;
  --xps-color-border-strong: #718895;
  --xps-color-divider: #314553;
  --xps-color-accent: #7dd3fc;
  --xps-color-accent-strong: #38bdf8;
  --xps-color-accent-soft: color-mix(in srgb, var(--xps-color-accent) 17%, var(--xps-color-surface));
  --xps-color-accent-alt: #c4b5fd;
  --xps-color-link: #9bdcff;
  --xps-color-focus: #fde68a;
  --xps-color-success: #8ee6b1;
  --xps-color-warning: #ffd27a;
  --xps-color-danger: #ff9b9b;
  --xps-color-info: #a9e6ff;
  --xps-color-denied: #ffb3b3;
  --xps-color-expired: #ffcf8a;
  --xps-color-stale: #d9c2ff;
  --xps-color-provider: #a9e6ff;
  --xps-color-freeze: #ffb0c4;
  --xps-color-on-accent: #071019;
  --xps-color-on-success: #071019;
  --xps-color-on-warning: #071019;
  --xps-color-on-danger: #071019;
  --xps-color-on-info: #071019;
  --xps-color-status-success-surface: color-mix(in srgb, var(--xps-color-success) 14%, var(--xps-color-surface));
  --xps-color-status-warning-surface: color-mix(in srgb, var(--xps-color-warning) 14%, var(--xps-color-surface));
  --xps-color-status-danger-surface: color-mix(in srgb, var(--xps-color-danger) 14%, var(--xps-color-surface));
  --xps-color-status-info-surface: color-mix(in srgb, var(--xps-color-info) 14%, var(--xps-color-surface));
  --xps-control-bg: #132330;
  --xps-control-bg-hover: #1a2d3a;
  --xps-control-border: #607b8b;
  --xps-control-text: #f2f7fb;
  --xps-control-placeholder: #93a7b4;
  --xps-overlay-soft: rgb(255 255 255 / .05);
  --xps-overlay-medium: rgb(255 255 255 / .10);
  --xps-overlay-strong: rgb(3 8 17 / .78);
  --xps-shadow-color: rgb(0 0 0 / .34);
  --xps-theme-color: #071019;
  --xps-color-header-surface: #111e2a;
  --xps-color-header-surface-raised: #192a38;
  --xps-color-header-text: #f4f7fb;
  --xps-color-header-muted: #c2d0da;
  --xps-color-header-border: #476171;
  --xps-shadow-soft: rgb(15 23 42 / .12);
  --xps-shadow-medium: rgb(15 23 42 / .22);
  --xps-shadow-strong: rgb(3 8 17 / .38);
  --xps-brand-glow: rgb(125 211 252 / .18);
  --xps-danger-glow: rgb(159 29 29 / .20);
  --xps-ds-surface-elevated: var(--xps-color-surface-raised);
  --xps-ds-surface-muted: var(--xps-color-surface-subtle);
  color-scheme: dark;
  --accent: var(--xps-color-accent);
  --accent-2: var(--xps-color-accent-alt);
  --admin-workspace-accent: var(--xps-color-accent);
  --admin-workspace-line: var(--xps-color-border);
  --bg: var(--xps-color-canvas);
  --border: var(--xps-color-border);
  --border-strong: var(--xps-color-border);
  --ca-accent: var(--xps-color-accent);
  --ca-bg: var(--xps-color-canvas);
  --ca-danger: var(--xps-color-danger);
  --ca-focus: var(--xps-color-focus);
  --ca-line: var(--xps-color-border);
  --ca-muted: var(--xps-color-text-muted);
  --ca-panel: var(--xps-color-surface);
  --ca-panel-2: var(--xps-color-surface-raised);
  --ca-text: var(--xps-color-text);
  --cc-accent: var(--xps-color-accent);
  --cc-bg: var(--xps-color-canvas);
  --cc-danger: var(--xps-color-danger);
  --cc-line: var(--xps-color-border);
  --cc-line-strong: var(--xps-color-border-strong);
  --cc-muted: var(--xps-color-text-muted);
  --cc-panel: var(--xps-color-surface);
  --cc-panel-2: var(--xps-color-surface-raised);
  --cc-success: var(--xps-color-success);
  --cc-text: var(--xps-color-text);
  --contribute-accent: var(--xps-color-accent);
  --contribute-accent-strong: var(--xps-color-accent-strong);
  --contribute-border: var(--xps-color-border);
  --contribute-canvas: var(--xps-color-canvas);
  --contribute-danger: var(--xps-color-danger);
  --contribute-ink: var(--xps-color-text);
  --contribute-muted: var(--xps-color-text-muted);
  --contribute-surface: var(--xps-color-surface);
  --contribute-surface-strong: var(--xps-color-surface-raised);
  --contribute-warning: var(--xps-color-warning);
  --danger: var(--xps-color-danger);
  --danger-soft: var(--xps-color-danger);
  --danger-strong: var(--xps-color-danger);
  --docs-admin-accent: var(--xps-color-accent);
  --docs-admin-border: var(--xps-color-border);
  --docs-admin-danger: var(--xps-color-danger);
  --docs-admin-muted: var(--xps-color-text-muted);
  --docs-admin-panel: var(--xps-color-surface);
  --docs-admin-panel-raised: var(--xps-color-surface-raised);
  --docs-admin-success: var(--xps-color-success);
  --docs-admin-text: var(--xps-color-text);
  --docs-admin-warning: var(--xps-color-warning);
  --docs-hit: var(--xps-color-accent);
  --input-bg: var(--xps-color-canvas);
  --line: var(--xps-color-border);
  --mail-accent: var(--xps-color-accent);
  --mail-bg: var(--xps-color-canvas);
  --mail-bg-2: var(--xps-color-canvas-deep);
  --mail-control-bg: var(--xps-color-canvas);
  --mail-danger: var(--xps-color-danger);
  --mail-elevated: var(--xps-color-surface-raised);
  --mail-focus: var(--xps-color-focus);
  --mail-line: var(--xps-color-border);
  --mail-line-strong: var(--xps-color-border-strong);
  --mail-muted: var(--xps-color-text-muted);
  --mail-ok: var(--xps-color-success);
  --mail-panel: var(--xps-color-surface);
  --mail-panel-strong: var(--xps-color-surface-raised);
  --mail-primary: var(--xps-color-accent);
  --mail-text: var(--xps-color-text);
  --mail-warning: var(--xps-color-warning);
  --muted: var(--xps-color-text-muted);
  --panel: var(--xps-color-surface);
  --panel-2: var(--xps-color-surface);
  --privacy-accent: var(--xps-color-accent);
  --privacy-border: var(--xps-color-border);
  --privacy-danger: var(--xps-color-danger);
  --privacy-muted: var(--xps-color-text-muted);
  --privacy-surface: var(--xps-color-surface);
  --security-action: var(--xps-color-accent);
  --security-admin-accent: var(--xps-color-accent);
  --security-admin-border: var(--xps-color-border);
  --security-admin-danger: var(--xps-color-danger);
  --security-admin-muted: var(--xps-color-text-muted);
  --security-admin-surface: var(--xps-color-surface);
  --security-admin-text: var(--xps-color-text);
  --security-danger: var(--xps-color-danger);
  --security-faint: var(--xps-color-text-subtle);
  --security-focus: var(--xps-color-focus);
  --security-ink: var(--xps-color-text);
  --security-line: var(--xps-color-border);
  --security-muted: var(--xps-color-text-muted);
  --security-paper: var(--xps-color-surface);
  --security-warning: var(--xps-color-warning);
  --status-danger: var(--xps-color-danger);
  --status-success: var(--xps-color-success);
  --status-warning: var(--xps-color-warning);
  --surface: var(--xps-color-surface);
  --surface-raised: var(--xps-color-surface-raised);
  --surface2: var(--xps-color-surface);
  --text: var(--xps-color-text);
  --xps-accent: var(--xps-color-accent);
  --xps-admin-bg-deep: var(--xps-color-canvas-deep);
  --xps-admin-border: var(--xps-color-border);
  --xps-admin-danger: var(--xps-color-danger);
  --xps-admin-line: var(--xps-color-border);
  --xps-admin-line-strong: var(--xps-color-border-strong);
  --xps-admin-muted: var(--xps-color-text-muted);
  --xps-admin-ok: var(--xps-color-success);
  --xps-admin-panel: var(--xps-color-surface);
  --xps-admin-panel-2: var(--xps-color-surface);
  --xps-admin-primary: var(--xps-color-accent);
  --xps-admin-text: var(--xps-color-text);
  --xps-admin-warn: var(--xps-color-warning);
  /* R09R2 / XPS-R09-D011.  Warning-class controls previously drew their label in
     --xps-color-warning on a --xps-admin-warn background, and --xps-admin-warn is
     an alias of --xps-color-warning: identical foreground and background, contrast
     ratio 1:1, so every warn button rendered as a blank coloured rectangle.  The
     surface tone is a warning-tinted canvas colour and the label keeps the warning
     hue, which restores an accessible pairing without changing the visual language. */
  --xps-admin-warn-surface: color-mix(in srgb, var(--xps-color-warning) 18%, var(--xps-color-surface));
  --xps-admin-warn-on: var(--xps-color-warning);
  --xps-admin-warn-border: color-mix(in srgb, var(--xps-color-warning) 55%, var(--xps-color-surface));
  --xps-app-bg: var(--xps-color-canvas);
  --xps-app-bg-deep: var(--xps-color-canvas-deep);
  --xps-app-danger: var(--xps-color-danger);
  --xps-app-line: var(--xps-color-border);
  --xps-app-line-strong: var(--xps-color-border-strong);
  --xps-app-muted: var(--xps-color-text-muted);
  --xps-app-ok: var(--xps-color-success);
  --xps-app-primary: var(--xps-color-accent);
  --xps-app-text: var(--xps-color-text);
  --xps-app-warn: var(--xps-color-warning);
  --xps-bg: var(--xps-color-canvas);
  --xps-bg-deep: var(--xps-color-canvas-deep);
  --xps-border: var(--xps-color-border);
  --xps-border-strong: var(--xps-color-border-strong);
  --xps-border-subtle: var(--xps-color-divider);
  --xps-canvas: var(--xps-color-canvas);
  --xps-color-danger-subtle: var(--xps-color-danger);
  --xps-color-success-subtle: var(--xps-color-success);
  --xps-color-warning-subtle: var(--xps-color-warning);
  --xps-danger: var(--xps-color-danger);
  --xps-danger-text: var(--xps-color-danger);
  --xps-focus: var(--xps-color-focus);
  --xps-glass: color-mix(in srgb,var(--xps-color-surface) 94%,transparent);
  --xps-institutional-accent: var(--xps-color-accent);
  --xps-institutional-line: var(--xps-color-border);
  --xps-institutional-line-strong: var(--xps-color-border);
  --xps-institutional-muted: var(--xps-color-text-muted);
  --xps-institutional-panel: var(--xps-color-surface);
  --xps-institutional-panel-2: var(--xps-color-surface);
  --xps-line: var(--xps-color-border);
  --xps-line-strong: var(--xps-color-border-strong);
  --xps-link: var(--xps-color-link);
  --xps-muted: var(--xps-color-text-muted);
  --xps-ok: var(--xps-color-success);
  --xps-panel: var(--xps-color-surface);
  --xps-panel-strong: var(--xps-color-surface-raised);
  --xps-preview-inline-size: var(--xps-color-border);
  --xps-primary: var(--xps-color-accent);
  --xps-root-authority: var(--xps-color-accent-alt);
  --xps-root-bg: var(--xps-color-canvas);
  --xps-root-danger: var(--xps-color-danger);
  --xps-root-line: var(--xps-color-border);
  --xps-root-line-cool: var(--xps-color-border-strong);
  --xps-root-muted: var(--xps-color-text-muted);
  --xps-root-ok: var(--xps-color-success);
  --xps-root-primary: var(--xps-color-accent);
  --xps-root-text: var(--xps-color-text);
  --xps-soft: var(--xps-color-text-muted);
  --xps-success: var(--xps-color-success);
  --xps-success-text: var(--xps-color-success);
  --xps-surface: var(--xps-color-surface);
  --xps-surface-2: var(--xps-color-surface-raised);
  --xps-surface-raised: var(--xps-color-surface);
  --xps-surface-subtle: var(--xps-color-surface-subtle);
  --xps-text: var(--xps-color-text);
  --xps-text-muted: var(--xps-color-text-muted);
  --xps-warn: var(--xps-color-warning);
  --xps-warning: var(--xps-color-warning);
  --xps-warning-text: var(--xps-color-warning);
}
html[data-theme="dark"]{
  --xps-color-canvas: #071019;
  --xps-color-canvas-deep: #030811;
  --xps-color-canvas-subtle: #0a151f;
  --xps-color-surface: #0d1924;
  --xps-color-surface-raised: #132330;
  --xps-color-surface-subtle: #0a151f;
  --xps-color-surface-inverse: #f4f7fb;
  --xps-color-text: #f2f7fb;
  --xps-color-text-muted: #b5c4cf;
  --xps-color-text-subtle: #93a7b4;
  --xps-color-text-inverse: #14212b;
  --xps-color-border: #3d5362;
  --xps-color-border-strong: #718895;
  --xps-color-divider: #314553;
  --xps-color-accent: #7dd3fc;
  --xps-color-accent-strong: #38bdf8;
  --xps-color-accent-soft: color-mix(in srgb, var(--xps-color-accent) 17%, var(--xps-color-surface));
  --xps-color-accent-alt: #c4b5fd;
  --xps-color-link: #9bdcff;
  --xps-color-focus: #fde68a;
  --xps-color-success: #8ee6b1;
  --xps-color-warning: #ffd27a;
  --xps-color-danger: #ff9b9b;
  --xps-color-info: #a9e6ff;
  --xps-color-denied: #ffb3b3;
  --xps-color-expired: #ffcf8a;
  --xps-color-stale: #d9c2ff;
  --xps-color-provider: #a9e6ff;
  --xps-color-freeze: #ffb0c4;
  --xps-color-on-accent: #071019;
  --xps-color-on-success: #071019;
  --xps-color-on-warning: #071019;
  --xps-color-on-danger: #071019;
  --xps-color-on-info: #071019;
  --xps-color-status-success-surface: color-mix(in srgb, var(--xps-color-success) 14%, var(--xps-color-surface));
  --xps-color-status-warning-surface: color-mix(in srgb, var(--xps-color-warning) 14%, var(--xps-color-surface));
  --xps-color-status-danger-surface: color-mix(in srgb, var(--xps-color-danger) 14%, var(--xps-color-surface));
  --xps-color-status-info-surface: color-mix(in srgb, var(--xps-color-info) 14%, var(--xps-color-surface));
  --xps-control-bg: #132330;
  --xps-control-bg-hover: #1a2d3a;
  --xps-control-border: #607b8b;
  --xps-control-text: #f2f7fb;
  --xps-control-placeholder: #93a7b4;
  --xps-overlay-soft: rgb(255 255 255 / .05);
  --xps-overlay-medium: rgb(255 255 255 / .10);
  --xps-overlay-strong: rgb(3 8 17 / .78);
  --xps-shadow-color: rgb(0 0 0 / .34);
  --xps-theme-color: #071019;
  color-scheme: dark;
}
html[data-theme="light"]{
  --xps-color-canvas: #f4f7fb;
  --xps-color-canvas-deep: #e8eef5;
  --xps-color-canvas-subtle: #edf2f6;
  --xps-color-surface: #ffffff;
  --xps-color-surface-raised: #ffffff;
  --xps-color-surface-subtle: #edf2f6;
  --xps-color-surface-inverse: #14212b;
  --xps-color-text: #14212b;
  --xps-color-text-muted: #4b5f6c;
  --xps-color-text-subtle: #60737f;
  --xps-color-text-inverse: #f4f7fb;
  --xps-color-border: #b6c3cc;
  --xps-color-border-strong: #697d89;
  --xps-color-divider: #cbd5dc;
  --xps-color-accent: #075985;
  --xps-color-accent-strong: #0c4a6e;
  --xps-color-accent-soft: color-mix(in srgb, var(--xps-color-accent) 11%, var(--xps-color-surface));
  --xps-color-accent-alt: #5b21b6;
  --xps-color-link: #075985;
  --xps-color-focus: #7c2d12;
  --xps-color-success: #176c42;
  --xps-color-warning: #7c4a00;
  --xps-color-danger: #9f1d1d;
  --xps-color-info: #0c6080;
  --xps-color-denied: #9f1d1d;
  --xps-color-expired: #7c4700;
  --xps-color-stale: #5c3d8a;
  --xps-color-provider: #0c6080;
  --xps-color-freeze: #8f173d;
  --xps-color-on-accent: #ffffff;
  --xps-color-on-success: #ffffff;
  --xps-color-on-warning: #ffffff;
  --xps-color-on-danger: #ffffff;
  --xps-color-on-info: #ffffff;
  --xps-color-status-success-surface: color-mix(in srgb, var(--xps-color-success) 10%, var(--xps-color-surface));
  --xps-color-status-warning-surface: color-mix(in srgb, var(--xps-color-warning) 11%, var(--xps-color-surface));
  --xps-color-status-danger-surface: color-mix(in srgb, var(--xps-color-danger) 9%, var(--xps-color-surface));
  --xps-color-status-info-surface: color-mix(in srgb, var(--xps-color-info) 10%, var(--xps-color-surface));
  --xps-control-bg: #ffffff;
  --xps-control-bg-hover: #edf2f6;
  --xps-control-border: #7f919d;
  --xps-control-text: #14212b;
  --xps-control-placeholder: #657985;
  --xps-overlay-soft: rgb(20 33 43 / .04);
  --xps-overlay-medium: rgb(20 33 43 / .09);
  --xps-overlay-strong: rgb(244 247 251 / .88);
  --xps-shadow-color: rgb(15 23 42 / .18);
  --xps-theme-color: #f4f7fb;
  color-scheme: light;
}