/**
 * Theme – single source of truth for colors (and optional spacing/fonts).
 * Load this file first so all other CSS can use var(--color-*).
 */

:root {
  /* ---- Text / paragraph ---- */
  --color-text-primary: #333;
  --color-text-primary-hex: #333333;
  --color-text-secondary: #555;
  --color-text-secondary-hex: #555555;
  --color-text-muted: #666;
  --color-text-muted-hex: #666666;
  --color-text-muted-light: #717171;
  --color-text-muted-extra: #636363;
  --color-text-muted-soft: #6f6f6f;
  --color-text-tertiary: #777;
  --color-text-quaternary: #888;
  --color-text-quaternary-hex: #888888;
  --color-text-subtle: #999;
  --color-text-light: #aaa;
  --color-text-light-alt: #b0b0b0;
  --color-text-banner: #ccc;
  --color-text-footer: #ddd;
  --color-text-default: #000000;
  --color-text-dark: #222;
  --color-text-form: #444;
  --color-text-section: #2c3e50;
  --color-text-section-alt: #2b353a;
  --color-text-body-alt: #424242;
  --color-text-form-muted: #6c757d;
  --color-text-input: #495057;
  --color-text-inline: #4b5563;
  --color-text-chip: #64748b;
  --color-text-career-dark: #0f172a;
  --color-text-career-ink: #0a0e03;
  --color-text-career-exp: #30350a;
  --color-text-career-chip: #424a0e;
  --color-text-contact-alt: #566014;

  /* ---- Brand / accent ---- */
  --color-brand-primary: #919c23;
  --color-brand-primary-dark: #7a8520;
  --color-brand-secondary: #9db73c;
  --color-brand-light: #abd12e;
  --color-brand-dark-text: #5c6316;
  --color-brand-muted: #c4d3b0;

  /* ---- White / light (text on dark) ---- */
  --color-white: #fff;
  --color-white-hex: #ffffff;

  /* ---- Other accents ---- */
  --color-accent-orange: #ff6b35;
  --color-accent-gold: #ecb312;

  /* ---- Backgrounds (optional, for consistency) ---- */
  --color-bg-page: #fff;
  --color-bg-subtle: #f8f9fa;
  --color-bg-card: #f9f9f9;
  --color-bg-dark: #111;
  --color-bg-darker: #222;
  --color-bg-darkest: #333;
}