:root {
  color-scheme: light;

  /* SCR official palette */
  --scr-red: #C8102E;
  --scr-red-dark: #9F0D25;
  --scr-red-light: #D53245;
  --scr-red-soft: #FDECEF;
  --scr-red-pale: #FFF7F8;
  --scr-anthracite: #1F2937;
  --scr-gray-dark: #374151;
  --scr-sidebar: #F5F6F8;
  --scr-white: #FFFFFF;
  --scr-border: #E5E7EB;
  --scr-muted: #6B7280;
  --scr-info: #2563EB;
  --scr-ok: #16A34A;
  --scr-warn: #F59E0B;
  --scr-critical: #C8102E;

  /* Shared application tokens */
  --ink: var(--scr-anthracite);
  --muted: var(--scr-muted);
  --line: var(--scr-border);
  --surface: var(--scr-white);
  --panel: var(--scr-white);
  --accent: var(--scr-red);
  --accent-dark: var(--scr-red-dark);
  --accent-light: var(--scr-red-light);
  --accent-soft: var(--scr-red-soft);
  --accent-pale: var(--scr-red-pale);
  --accent-paler: #FFFBFC;
  --selected-shadow: 0 8px 20px rgba(200, 16, 46, 0.08);
  --secondary: var(--scr-info);
  --secondary-dark: #1D4ED8;
  --sidebar-bg: var(--scr-sidebar);
  --sidebar-active: #EEF0F3;
  --warn: var(--scr-warn);
  --danger: var(--scr-critical);
  --ok: var(--scr-ok);
  --radius: 8px;
  --shadow: 0 1px 2px rgba(31, 41, 55, 0.05), 0 10px 24px rgba(31, 41, 55, 0.07);
}