/* Semicon Research Lab — current home + report list, 2026-10-08.
   Source of truth: DESIGN.md. These variables do not reset existing layouts. */
:root {
  /* Primitive: values already used by the institutional UI. */
  --srl-white: #ffffff;
  --srl-navy-700: #173b67;
  --srl-blue-600: #165dba;
  --srl-blue-700: #124a94;
  --srl-ink-900: #172b45;
  --srl-gray-800: #344154;
  --srl-gray-600: #566171;
  --srl-gray-300: #cdd4de;
  --srl-gray-100: #f0f2f5;
  --srl-red-700: #b42328;
  --srl-color-video-play: #ff0000;
  --srl-color-video-play-hover: #d90000;
  --srl-space-1: 4px;
  --srl-space-2: 8px;
  --srl-space-3: 12px;
  --srl-space-4: 16px;
  --srl-space-5: 20px;
  --srl-space-6: 24px;
  --srl-space-8: 32px;
  --srl-space-10: 40px;
  --srl-space-12: 48px;
  /* Semantic: reuse these names in new UI. */
  --srl-color-page: var(--srl-white);
  --srl-color-heading: var(--srl-ink-900);
  --srl-color-text: var(--srl-gray-800);
  --srl-color-muted: var(--srl-gray-600);
  --srl-color-rule: var(--srl-gray-300);
  --srl-color-section-rule: var(--srl-navy-700);
  --srl-color-action: var(--srl-blue-600);
  --srl-color-action-hover: var(--srl-blue-700);
  --srl-color-surface: var(--srl-gray-100);
  --srl-color-warning: var(--srl-red-700);
  --srl-font-ui: "Pretendard", Arial, sans-serif;
  --srl-text-caption: 14px;
  --srl-text-body: 17px;
  --srl-text-section: 22px;
  --srl-text-title: 32px;
  --srl-text-title-mobile: 26px;
  --srl-line-body: 1.8;
  --srl-line-heading: 1.4;
  --srl-weight-body: 500;
  --srl-weight-heading: 750;
  --srl-radius-control: 4px;
  --srl-width-home: 1180px;
  /* Component: normal actions stay blue, including warning acknowledgement. */
  --srl-button-bg: var(--srl-color-action);
  --srl-button-hover-bg: var(--srl-color-action-hover);
  --srl-button-text: var(--srl-white);
  --srl-button-height: 48px;
  --srl-button-radius: var(--srl-radius-control);
  --srl-notice-width: 640px;
  --srl-notice-rule: 2px solid var(--srl-color-section-rule);
}