:root {
  --a-color-dark: #555;
  --a-color-black: #000;
  --a-color-white: #fff;
  --a-color-default: #169;
  --a-color-even: #f6f7f8;
  --a-color-odd: #fff;
  --a-color-list-border: #d0d7de;
  --a-color-input-border: #ccc;
  --a-color-info: #777;
  --a-color-success: #008000;
  --a-color-warning: #c45736;
  --a-color-alert: #cb2525;
  --a-color-success-bg: #e6f7e6;
  --a-color-warning-bg: #fffbe6;
  --a-color-warning-border: #ffe58f;
  --a-color-warning-dark: #8a6d3b;
  --a-color-alert-bg: #fff2f0;
  --a-color-alert-strong: #ffe3e3;
  --a-color-border-light: #ddd;
  --a-color-bg-light: #eee;
  --a-color-muted: #999;
  --a-color-highlight: #dbe4ff;
  --a-color-disabled: #aaa;
  --a-color-smiley: #edae40;
  --a-color-menu-hover: #759fcf;
  --a-color-author: #696969;
  --a-color-selection: #507aaa;
  --a-color-bg-subtle: #ecf0f3;
  --a-color-info-bg: #e5f2ff;
  --a-color-hover-highlight: #ffd;
  --a-color-success-border: #9fcf9f;
  --a-color-alert-border: #fcc;
  --a-color-orange: #ffa500;
  --a-color-stats-week: #de9e40;
  --a-color-stats-month: #6bbce9;
  --a-color-stats-year: #72a563;
  --a-fixed-width: 95%;

  /* Typography scale — aligned with Redmine Core (application.css)
   * All values use rem for consistent sizing without em cascading issues.
   * Redmine body base: 0.875rem (14px on default browser 16px root). */

  /* ~11px — Badges, private markers, tags, tiny labels
   * Core: span.private (60% context), icon badge calc values
   * Plugins: additional_tags tag size, servicedesk tiny labels */
  --a-font-size-xs: 0.6875rem;

  /* ~12px — Small labels, query buttons, secondary navigation
   * Core: #query_form_with_buttons p.contextual (0.75rem)
   * Plugins: taskboard meta, reporting PDF text */
  --a-font-size-sm: 0.75rem;

  /* ~13px — Meta information, sidebar content, timestamps, breadcrumbs
   * Core: #sidebar (0.8125rem), p.breadcrumb, p.subtitle, activity dd/dt,
   *        93% contexts (div.issue p.author, tabular.settings, tr.group totals)
   * Plugins: conversation meta, automation rule details, HRM calendar */
  --a-font-size-md: 0.8125rem;

  /* ~14px — Body base, standard text, sidebar headings
   * Core: body (0.875rem), #sidebar h3, h4
   * Plugins: default text in all plugin views */
  --a-font-size-base: 0.875rem;

  /* ~16px — Emphasized text, form inputs, standalone elements
   * Core: input/select/textarea (1rem), 2FA codes, wiki h5/h6
   * Plugins: servicedesk live search, wiki guide content */
  --a-font-size-lg: 1rem;

  /* ~20px — Section headings, h2 level
   * Core: h2 (1.25rem)
   * Plugins: servicedesk contact header, reporting taskboard headings */
  --a-font-size-xl: 1.25rem;

  /* ~23px — Page headings, h1 level
   * Core: #header h1 (1.4375rem)
   * Plugins: large dashboard headings */
  --a-font-size-xxl: 1.4375rem;

  /* Emoji inline size — uses em to scale with surrounding text */
  --a-font-size-emoji: 1.2em;

  /* Sticky header scroll margins (for anchor links to not hide behind sticky header) */
  --sticky-header-scroll-margin: 50px;
  --sticky-header-scroll-margin-mobile: 114px;
}