@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../vendor/inter/4.1/InterVariable.woff2") format("woff2");
}

:root {
  color-scheme: dark;
  --font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-card: 14px;
  --radius-control: 9px;
  --radius-small: 7px;
  --base-accent: #757575;
  --base-accent-text: #ffffff;
  --base-accent-hover: #888888;
  --base-accent-hover-text: #000000;
  --base-neutral: #666666;
  --base-canvas-dark: #09090b;
  --base-canvas-light: #f5f5f7;
  --tenant-accent: var(--base-accent);
  --tenant-accent-text: var(--base-accent-text);
  --tenant-accent-hover: var(--base-accent-hover);
  --tenant-accent-hover-text: var(--base-accent-hover-text);
  --tenant-accent-disabled: #6e6e6e;
  --tenant-accent-disabled-text: #ffffff;
  --tenant-accent-ink-dark: #757575;
  --tenant-accent-ink-light: #757575;
  --tenant-accent-soft: rgba(117, 117, 117, 0.18);
  --tenant-neutral: var(--base-neutral);
  --tenant-menu-light-start: #383838;
  --tenant-menu-light-end: #343434;
  --tenant-menu-light-text: #ffffff;
  --tenant-menu-light-label: #a1a1a1;
  --tenant-menu-light-hover: #4c4c4c;
  --tenant-menu-light-line: #646464;
  --tenant-menu-light-badge: #585858;
  --tenant-menu-light-badge-text: #ffffff;
  --tenant-menu-dark-start: #2d2d2d;
  --tenant-menu-dark-end: #292929;
  --tenant-menu-dark-text: #ffffff;
  --tenant-menu-dark-label: #949494;
  --tenant-menu-dark-hover: #424242;
  --tenant-menu-dark-line: #5b5b5b;
  --tenant-menu-dark-badge: #4f4f4f;
  --tenant-menu-dark-badge-text: #ffffff;
  --tenant-menu-active-background: #ffffff;
  --tenant-menu-active-text: #757575;
  --tenant-menu-focus-ring: #757575;
  --tenant-menu-focus-halo: #ffffff;
  --black: #000000;
  --white: #ffffff;
  --transparent: transparent;
  --shadow-color: rgba(0, 0, 0, 0.28);
  --focus-color: var(--tenant-accent-soft);
  --danger: #ef4444;
  --danger-soft: rgba(239, 68, 68, 0.12);
  --warning: #f59e0b;
  --warning-soft: rgba(245, 158, 11, 0.12);
  --success: #22c55e;
  --success-soft: rgba(34, 197, 94, 0.12);
  --info: #38bdf8;
  --info-soft: rgba(56, 189, 248, 0.12);
  --identity-canvas: #f7f8fa;
  --identity-card: #ffffff;
  --identity-text: #111827;
  --identity-muted: #697386;
  --identity-placeholder: #697386;
  --identity-border: #d8dde6;
  --identity-panel-text: #ffffff;
  --identity-panel-muted: #cbd1da;
  --identity-panel-subtitle: #b4bcc9;
  --identity-panel-footer: #9da6b5;
  --identity-shadow: 0 20px 60px rgba(17, 24, 39, 0.08);
  --identity-card-line: rgba(17, 24, 39, 0.04);
  --identity-panel-glow: rgba(255, 255, 255, 0.04);
  --identity-canvas-glow: rgba(255, 255, 255, 0.90);
}

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --canvas: var(--base-canvas-dark);
  --sidebar: #0d0d12;
  --surface: #121218;
  --surface-raised: #181820;
  --surface-soft: #20202a;
  --text: #f4f4f5;
  --text-soft: #a1a1aa;
  --line: #2b2b36;
  --line-strong: #3f3f4c;
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.16);
  --shadow-panel: 0 16px 40px rgba(0, 0, 0, 0.2);
  --accent: var(--tenant-accent);
  --accent-text: var(--tenant-accent-text);
  --accent-hover: var(--tenant-accent-hover);
  --accent-hover-text: var(--tenant-accent-hover-text);
  --accent-disabled: var(--tenant-accent-disabled);
  --accent-disabled-text: var(--tenant-accent-disabled-text);
  --accent-ink: var(--tenant-accent-ink-dark);
  --accent-soft: var(--tenant-accent-soft);
  --neutral: var(--tenant-neutral);
  --menu-start: var(--tenant-menu-dark-start);
  --menu-end: var(--tenant-menu-dark-end);
  --menu-text: var(--tenant-menu-dark-text);
  --menu-label: var(--tenant-menu-dark-label);
  --menu-hover: var(--tenant-menu-dark-hover);
  --menu-line: var(--tenant-menu-dark-line);
  --menu-badge: var(--tenant-menu-dark-badge);
  --menu-badge-text: var(--tenant-menu-dark-badge-text);
  --menu-active-background: var(--tenant-menu-active-background);
  --menu-active-text: var(--tenant-menu-active-text);
  --menu-focus-ring: var(--tenant-menu-focus-ring);
  --menu-focus-halo: var(--tenant-menu-focus-halo);
}

[data-theme="light"] {
  color-scheme: light;
  --canvas: var(--base-canvas-light);
  --sidebar: #ffffff;
  --surface: #ffffff;
  --surface-raised: #fafafa;
  --surface-soft: #eeeef2;
  --text: #18181b;
  --text-soft: #62626d;
  --line: #dedee5;
  --line-strong: #c5c5cf;
  --shadow-soft: 0 8px 24px rgba(24, 24, 27, 0.07);
  --shadow-panel: 0 18px 44px rgba(24, 24, 27, 0.08);
  --accent: var(--tenant-accent);
  --accent-text: var(--tenant-accent-text);
  --accent-hover: var(--tenant-accent-hover);
  --accent-hover-text: var(--tenant-accent-hover-text);
  --accent-disabled: var(--tenant-accent-disabled);
  --accent-disabled-text: var(--tenant-accent-disabled-text);
  --accent-ink: var(--tenant-accent-ink-light);
  --accent-soft: var(--tenant-accent-soft);
  --neutral: var(--tenant-neutral);
  --menu-start: var(--tenant-menu-light-start);
  --menu-end: var(--tenant-menu-light-end);
  --menu-text: var(--tenant-menu-light-text);
  --menu-label: var(--tenant-menu-light-label);
  --menu-hover: var(--tenant-menu-light-hover);
  --menu-line: var(--tenant-menu-light-line);
  --menu-badge: var(--tenant-menu-light-badge);
  --menu-badge-text: var(--tenant-menu-light-badge-text);
  --menu-active-background: var(--tenant-menu-active-background);
  --menu-active-text: var(--tenant-menu-active-text);
  --menu-focus-ring: var(--tenant-menu-focus-ring);
  --menu-focus-halo: var(--tenant-menu-focus-halo);
  --shadow-color: rgba(24, 24, 27, 0.12);
}