:root {
  /* Page foundation */
  --color-page-bg: #e8ebef;
  --color-paper: #ffffff;
  --color-surface: #ffffff;
  --color-surface-subtle: #f7f9fb;

  /* Text */
  --color-text: #000000;
  --color-text-muted: #000000;

  /* Lines and depth */
  --color-border: #cfd4dc;
  --color-paper-edge: #b8bec8;
  --color-shadow: rgba(0, 0, 0, 0.08);
  --color-paper-shadow: rgba(0, 0, 0, 0.18);

  /* Primary identity */
  --color-primary: #1f4e79;
  --color-primary-soft: #eef4fa;

  /* Secondary emphasis */
  --color-secondary: #1f4e79;
  --color-secondary-soft: #eef4fa;
  --color-secondary-border: #9bb7cf;

  /* Button states */
  --color-button-primary-bg: var(--color-surface);
  --color-button-primary-text: #000000;
  --color-button-secondary-bg: var(--color-surface);
  --color-button-secondary-text: var(--color-text);
}