/*
 * Northwestel tenant theme — aligned to the Northwestel brand
 * (sampled 2026-08-21 from https://www.nwtel.ca/personal computed styles,
 * plus the supplied wordmark PNG).
 *
 * Contract: VARIABLES ONLY — loaded via VITE_APP_CSS_URL *before* the
 * compiled bundle CSS (same pattern as cnh.css / vocus.css), so it must
 * never compete with utility classes on selectors.
 *
 * Brand tokens sampled from the live site:
 *   primary        #006F4C  (dominant brand green — links, headings, rules)
 *   primary light  #007E57  (solid CTA fill on white, "Check your eligibility")
 *   pale accent    #B7DDB7  (hero button fill, black text — a distinctly
 *                            yellower green than the primary; kept as an
 *                            accent only, deliberately NOT in the ramp)
 *   slate          #5E7A7D  (most-used neutral on the site — utility bar,
 *                            muted copy; used here for the info state)
 *   ink            #353535 / #333333
 *   page tints     #F0F4F5 / #FAFAFA
 *   hairline       #DEE2E6
 *   fonts          Basis Grotesque Pro (LICENSED — not bundled; the app
 *                  default font stack is used instead, as for Vocus)
 *
 * NOTE ON THE WORDMARK GREEN: the supplied logo PNG is #068C54, which is
 * brighter and yellower than the site's #006F4C (H 155 vs 161, L 28.6 vs
 * 21.8). The asset came from the Northwestel prepaid-Visa portal, so it may
 * predate the current palette. The logo ships as supplied and the UI palette
 * follows the live site. Recolour northwestel-logo.png to #006F4C if brand
 * confirms the site is authoritative.
 */

:root {
  /* Northwestel's public site is light throughout — white header, no dark
   * surface anywhere, not even the footer. Used with
   * VITE_FORCE_LIGHT_MODE=true. */
  color-scheme: light;

  /* Activates html.sfh-skin component rules (table banding). */
  --sfh-skin: northwestel;

  /* Brand accent slot */
  --sfh-accent-from: #006f4c;
  --sfh-accent-to: #004a33;
  --sfh-accent-contrast: #ffffff;

  /* Northwestel green scale (rgb triplets for Tailwind <alpha-value>).
   * Hue locked to the brand's 161°; 600 = brand #006F4C, 500 = #008057
   * (within 1/255 of the site's real CTA green #007E57), 800 = pressed. */
  --sfh-primary-50: 240 249 246;
  --sfh-primary-100: 218 241 234;
  --sfh-primary-200: 178 225 210;
  --sfh-primary-300: 121 205 179;
  --sfh-primary-400: 48 181 139;
  --sfh-primary-500: 0 128 87;
  --sfh-primary-600: 0 111 76;
  --sfh-primary-700: 0 92 63;
  --sfh-primary-800: 0 74 51;
  --sfh-primary-900: 0 54 37;
  --sfh-brand-50: 240 249 246;
  --sfh-brand-100: 218 241 234;
  --sfh-brand-200: 178 225 210;
  --sfh-brand-300: 121 205 179;
  --sfh-brand-400: 48 181 139;
  --sfh-brand-500: 0 128 87;
  --sfh-brand-600: 0 111 76;
  --sfh-brand-700: 0 92 63;
  --sfh-brand-800: 0 74 51;
  --sfh-brand-900: 0 54 37;

  /* State colors. Success is the brand green itself; info borrows the site's
   * slate #5E7A7D so "informational" never reads as "healthy". Alarm and
   * warning are the standard values — the Northwestel site has no red or
   * amber of its own to sample. */
  --sfh-status-alarm: 197 0 0;
  --sfh-status-warning: 217 119 6;
  --sfh-status-success: 0 111 76;
  --sfh-status-info: 94 122 125;

  /* App chrome — deepened brand green.
   * DERIVED, NOT SAMPLED: the public site has no dark surface to scrape, but
   * both existing tenant skins run a dark shell (CNH near-black, Vocus navy)
   * and a white sidebar against a near-white body has no definition. This is
   * the 900 step of the ramp above, so it stays unmistakably Northwestel. */
  --sfh-chrome-bg: #003625;
  /* White wordmark for the dark topbar; light surfaces (sign-in) keep the
   * standard VITE_APP_LOGO_URL logo. */
  --sfh-chrome-logo: "/northwestel-logo-dark.png";
  --sfh-chrome-border: #003625;
  --sfh-chrome-divider: #005c3f;
  --sfh-chrome-text: #a9c9bc;
  --sfh-chrome-text-active: #ffffff;
  --sfh-chrome-hover-bg: #004a33;
  --sfh-chrome-icon: #a9c9bc;

  /* Selected navigation item */
  --sfh-nav-selected-bg: linear-gradient(180deg, var(--sfh-accent-from), var(--sfh-accent-to));
  --sfh-nav-selected-text: var(--sfh-accent-contrast);
  --sfh-nav-selected-indicator: #ffffff;

  /* Surfaces — white cards on the site's own page tint (#F0F4F5), with its
   * hairline (#DEE2E6). */
  --sfh-body-bg: #f0f4f5;
  --sfh-surface: #ffffff;
  --sfh-border: #dee2e6;
  --sfh-card-shadow: 0 1px 2px 1px rgba(0, 111, 76, 0.08);

  /* Tables — green-tinted banding drawn from the ramp's 50/100 steps. */
  --sfh-table-header-bg: #e6f0ec;
  --sfh-table-stripe-odd: #f0f9f6;
  --sfh-table-stripe-even: #ffffff;
  --sfh-table-row-hover: #daf1ea;
  --sfh-table-row-border: transparent;

  /* Maps — Northwestel serves Yukon, the Northwest Territories, Nunavut and
   * northern BC/Alberta: a vast, sparsely settled service area where terrain
   * and place names locate a site better than imagery does. Read by
   * skinDefaultBasemap() in lib/stores/mapStore.ts; users can still switch
   * basemaps per-session via the map layer control.
   * Valid values: dark | satellite | outdoors (anything else → auto). */
  --sfh-map-basemap: outdoors;
}