/* Dog Training Elite — Color tokens */
:root {
  /* Brand core */
  --dte-blue: #0762ab;         /* primary brand blue */
  --dte-blue-dark: #104b86;    /* deep navy — hover/press, headers */
  --dte-charcoal: #3d3d3d;     /* near-black, dog silhouette, text */
  --dte-gray: #616261;         /* brand neutral gray */
  --dte-gray-light: #d0d0ce;   /* light warm gray — borders, fills */
  --dte-white: #ffffff;

  /* CTA / semantic */
  --dte-green: #28a745;        /* primary CTA / success */
  --dte-green-dark: #1e8236;   /* green hover/press */
  --dte-yellow: #e2d006;       /* alternate CTA / highlight */
  --dte-yellow-dark: #c4b505;  /* yellow hover/press */

  /* Extended neutrals (derived) */
  --dte-gray-50: #f6f6f5;
  --dte-gray-100: #eeeeed;
  --dte-gray-200: #d0d0ce;
  --dte-gray-300: #b7b7b4;
  --dte-gray-400: #9a9a97;
  --dte-gray-500: #616261;
  --dte-gray-700: #4a4a49;
  --dte-gray-900: #3d3d3d;

  /* Semantic aliases */
  --color-primary: var(--dte-blue);
  --color-primary-hover: var(--dte-blue-dark);
  --color-accent: var(--dte-green);
  --color-accent-hover: var(--dte-green-dark);
  --color-highlight: var(--dte-yellow);

  --text-heading: var(--dte-charcoal);
  --text-body: var(--dte-gray-700);
  --text-muted: var(--dte-gray-500);
  --text-inverse: var(--dte-white);
  --text-link: var(--dte-blue);

  --surface-page: var(--dte-white);
  --surface-subtle: var(--dte-gray-50);
  --surface-card: var(--dte-white);
  --surface-dark: var(--dte-charcoal);
  --surface-brand: var(--dte-blue);

  --border-subtle: var(--dte-gray-200);
  --border-strong: var(--dte-gray-300);

  --focus-ring: rgba(7, 98, 171, 0.35);
}