:root {
  /* ── Colors ── */
  --accent:        #2B5797;   /* Word-blue */
  --accent-light:  #EFF3FB;
  --accent-hover:  #1E3F7A;
  --accent-active: #163270;

  --bg-app:        #F0F0F0;
  --bg-titlebar:   #2B5797;
  --bg-ribbon:     #FAFAFA;
  --bg-ribbon-tab-active: #FFFFFF;
  --bg-page:       #FFFFFF;
  --bg-sidebar:    #F8F8F8;
  --bg-statusbar:  #2B5797;
  --bg-toolbar-hover: #E8EEF8;
  --bg-toolbar-active: #D0DCF5;
  --bg-dialog:     #FFFFFF;
  --bg-overlay:    rgba(0,0,0,0.35);

  --border:        #D0D0D0;
  --border-strong: #AAAAAA;
  --border-focus:  #2B5797;

  --text-primary:   #212121;
  --text-secondary: #555555;
  --text-muted:     #888888;
  --text-on-accent: #FFFFFF;
  --text-on-status: #FFFFFF;

  --shadow-page:  0 2px 8px rgba(0,0,0,0.18);
  --shadow-popup: 0 4px 16px rgba(0,0,0,0.22);

  /* ── Typography ── */
  --font-ui:   'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-doc:  'Times New Roman', Georgia, serif;
  --font-mono: 'Courier New', Courier, monospace;

  /* ── Sizing ── */
  --titlebar-h:  40px;
  --ribbon-tab-h: 28px;
  --ribbon-h:    90px;
  --ruler-h:     20px;
  --statusbar-h: 24px;
  --sidebar-w:   240px;
  --page-w:      210mm;
  --page-gap:    24px;

  /* ── Transitions ── */
  --tr: 0.14s ease;
}