:root {
  color-scheme: dark;
  --bg-950: #0A0D0F;
  --bg-900: #11161A;
  --bg-850: #161D22;
  --panel-800: #1C252B;
  --panel-750: #222D34;
  --text-100: #F2F3F0;
  --text-200: #D7DBD8;
  --text-400: #9FA8A3;
  --text-500: #78827D;
  --line-600: #3B474D;
  --line-500: #556269;
  --steel-500: #66737A;
  --amber-500: #D99A37;
  --amber-400: #E5AD55;
  --green-500: #57A66A;
  --yellow-500: #D8B84E;
  --red-500: #C95A52;
  --cyan-500: #5C9BA3;
  --font-ui: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-data: "IBM Plex Mono", Consolas, "Liberation Mono", monospace;
  --fs-12: .75rem;
  --fs-14: .875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-28: 1.75rem;
  --fs-36: 2.25rem;
  --lh-tight: 1.2;
  --lh-ui: 1.35;
  --lh-body: 1.5;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --border-thin: 1px;
  --border-strong: 2px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --control-height: 48px;
  --icon-standard: 20px;
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-slow: 240ms;
  --panel-width: 480px;
  --tracking-label: .12em;
  --tracking-identity: .14em;
  --overlay-top: color-mix(in srgb, var(--bg-950) 82%, transparent);
  --overlay-bottom: color-mix(in srgb, var(--bg-950) 90%, transparent);
  --access-background: url("../assets/backgrounds/hagane-access-placeholder.webp");
}