:root {
  --color-gold: #c9a84c;
  --color-gold-light: #e8c96a;
  --color-gold-dark: #a07830;
  --color-black: #111111;
  --color-dark: #1a1a1a;
  --color-dark-2: #222222;
  --color-dark-3: #2d2d2d;
  --color-dark-4: #383838;
  --color-text: #f0f0f0;
  --color-text-muted: #aaaaaa;
  --color-success: #4caf50;
  --color-danger: #e74c3c;

  /* Aliasy utrzymują zgodność ze stylem stanu zastanego. */
  --gold: var(--color-gold);
  --gold-light: var(--color-gold-light);
  --gold-dark: var(--color-gold-dark);
  --black: var(--color-black);
  --dark: var(--color-dark);
  --dark2: var(--color-dark-2);
  --dark3: var(--color-dark-3);
  --text: var(--color-text);
  --text-muted: var(--color-text-muted);
  --success: var(--color-success);
  --danger: var(--color-danger);

  --font-display: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
  --font-accent: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
  --font-ui: 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
  --container-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --transition-fast: 180ms ease;
  --transition-base: 300ms ease;
}

.page-calculator {
  --black: var(--color-dark);
  --dark: var(--color-dark-2);
  --dark2: var(--color-dark-3);
  --dark3: var(--color-dark-4);
}