:root {
  /* Brand palette — from «цветовая палитра.pdf» */
  --dl-white: #FFFFFF;
  --dl-slate: #647286;
  --dl-green: #14935F;
  --dl-navy: #1B2638;

  /* Green ramp (derived) */
  --dl-green-050: #EAF6F0;
  --dl-green-100: #CFEBDD;
  --dl-green-300: #5DBB8F;
  --dl-green-500: #14935F;
  --dl-green-600: #10804F;
  --dl-green-700: #0C6841;
  --dl-green-glow: #1FC77F;

  /* Slate ramp (derived) */
  --dl-slate-050: #F2F4F8;
  --dl-slate-100: #E6EAF0;
  --dl-slate-200: #D5DBE4;
  --dl-slate-300: #B4BDCA;
  --dl-slate-500: #647286;
  --dl-slate-700: #3B475A;

  /* Navy ramp (derived) */
  --dl-navy-500: #1B2638;
  --dl-navy-600: #141D2C;
  --dl-navy-400: #26334A;
  --dl-navy-300: #34425C;

  /* Signal */
  --dl-red: #E0383E;
  --dl-red-050: #FDECEC;

  /* Semantic */
  --fg-1: var(--dl-navy);
  --fg-2: var(--dl-slate-700);
  --fg-3: var(--dl-slate);
  --fg-accent: var(--dl-green);
  --fg-on-dark: var(--dl-white);
  --fg-on-dark-2: var(--dl-slate-300);

  --bg-page: var(--dl-white);
  --bg-subtle: var(--dl-slate-050);
  --bg-dark: var(--dl-navy);
  --bg-dark-raised: var(--dl-navy-400);

  --surface-card: var(--dl-white);
  --surface-card-muted: var(--dl-slate-050);
  --border: var(--dl-slate-200);
  --border-strong: var(--dl-slate-300);
  --border-dark: var(--dl-navy-300);
  --rule-accent: var(--dl-green);

  --action-primary: var(--dl-green);
  --action-primary-hover: var(--dl-green-600);
  --action-primary-press: var(--dl-green-700);
  --focus-ring: var(--dl-green-300);

  --status-negative: var(--dl-red);
  --status-positive: var(--dl-green);
}