/*
 * RubyDev design tokens — the single source of truth for colour.
 *
 * Every colour in NEW code resolves to a variable defined here — no stylesheet, no
 * ViewComponent and no inline style may introduce a hex literal of its own. The legacy
 * views under app/views/topics/ still carry thousands of inline hex values; those are
 * retired lesson by lesson as content moves to content/**.md, and that list only shrinks.
 *
 * These names are consumed two ways:
 *   1. Directly, as `var(--rubydev-primary)`, by app/assets/stylesheets/application.css
 *      and the legacy views.
 *   2. Through Tailwind, via the `@theme` block in app/assets/tailwind/application.css,
 *      which maps each token to a Tailwind namespace so utilities like
 *      `bg-rubydev-primary` and `text-rails-green` exist. That mapping is a reference
 *      (`var(--rubydev-primary)`), not a copy — the value lives here only.
 *
 * Changing a value here changes the look of the site. Per AGENTS.md §1 that needs the
 * user's explicit approval. See docs/engineering/design-system.md.
 *
 * Loaded before application.css in app/views/layouts/application.html.erb.
 */

:root {
  --rubydev-primary: #DC2626;
  --rubydev-dark: #991B1B;
  --rubydev-light: #EF4444;
  --rubydev-pale: #FEF2F2;
  --rubydev-accent: #FECACA;
  --text-primary: #1F2937;
  --text-secondary: #6B7280;
  --text-light: #9CA3AF;
  --white: #FFFFFF;
  --success: #10B981;
  --warning: #F59E0B;
  --rails-green: #059669;
  --docker-blue: #2563EB;
  --hotwire-purple: #8B5CF6;
  --deployment-orange: #F97316;
  --gray-50: #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-600: #4B5563;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;

  /* Third-party brand colours. Not ours to change — these are the published marks of
     other projects, used only by Ui::TechLogoComponent. Distinct from the --docker-blue
     etc. above, which are *our* accent colours for those curriculum tracks. */
  --brand-docker: #2496ED;
  --brand-github: #181717;
  --brand-postgres: #336791;
  --brand-aws: #FF9900;
  --brand-redis: #D82C20;
  --brand-redis-dark: #A41E22;
  --brand-heroku: #430098;
}