/*
 * Appstractor brand stylesheet (ADR-0062). Loaded after the main stylesheet on every page of both
 * services; a deployment's brand folder (BRAND_DIR) may replace it.
 *
 * The portal's accent is one scale, --color-primary-*, which its blue-* utilities resolve to: links
 * are 400, buttons 600 with white text (700 or 500 on hover), rings and borders 500 and 600. This
 * file sets that scale to the appstractor.com orange. The logo's own orange, #cc6600, is too light
 * for white button text (3.8:1), so 500 and 600 are darker shades of it. Measured against the
 * portal's graphite neutrals (WCAG 2.2 AA):
 *   400 links:        7.6:1 on a card (slate-800), 8.4:1 on the page (slate-900)
 *   500, 600 fills:   white text 4.7:1 and 5.4:1; as rings and borders 3.6:1 and 3.1:1 on a card
 *   700 hover:        white text 7.3:1
 *   800 on 50 / 100:  8.9:1 and 8.0:1 (light chips and alerts)
 *
 * Scoped to the portal: the staff platform's stylesheet keeps its own primary scale, deliberately
 * distinct from the customer portal, and the portal's <html> carries data-service="portal".
 *
 * --aap-brand-orange and --aap-brand-teal are the logo's two colours, for light surfaces only:
 * the teal is 6.5:1 on white but 2.9:1 on the dark page, so it is never text on a dark ground.
 */
:root {
  --aap-brand-orange: #cc6600;
  --aap-brand-teal: #336666;
}

:root[data-service="portal"] {
  --color-primary-50: #fff5eb;
  --color-primary-100: #ffe7d1;
  --color-primary-200: #ffcfa3;
  --color-primary-300: #ffb375;
  --color-primary-400: #ff9447;
  --color-primary-500: #b85a00;
  --color-primary-600: #a85200;
  --color-primary-700: #8a4300;
  --color-primary-800: #6e3605;
  --color-primary-900: #522806;
  --color-primary-950: #331904;
}