/**
 * Being Beginner - Master Theme Color System
 * ==============================================================================
 * You can customize the entire website color palette directly from this single file!
 * Every button, border, badge, hero element, and link dynamically responds to
 * these CSS variables. No recompile needed for changes made here.
 * ==============================================================================
 */
:root {
  /* --- Primary Brand Color (Electric Mint) --- */
  --color-brand: #00bf63;
  --color-brand-hover: #009e52;
  --color-brand-dark: #007a3f;

  /* --- Light Mint / Accents / Badges --- */
  --color-brand-light: #94ffc3;
  --color-brand-subtle: #f0fdf4;
  --color-brand-glow: rgba(0, 191, 99, 0.15);
  --color-brand-ring: rgba(0, 191, 99, 0.35);

  /* --- Ink & Typography (Black & Grayscale) --- */
  --color-ink-950: #090d16;
  --color-ink-900: #0f172a;
  --color-ink-800: #1e293b;
  --color-ink-700: #334155;
  --color-ink-600: #475569;
  --color-ink-500: #64748b;
  --color-ink-400: #94a3b8;

  /* --- Canvas & Borders --- */
  --color-canvas: #ffffff;
  --color-subtle: #f8fafc;
  --color-border: #e2e8f0;
  --color-border-hover: #cbd5e1;
}