/*
 * Vocus tenant theme — aligned to the Vocus support portal / vocus.com.au
 * brand (scraped 2026-08 from auth.vocus.com.au universal login +
 * www.vocus.com.au/Vocus/Static/css/styles.css).
 *
 * Contract: VARIABLES ONLY — loaded via VITE_APP_CSS_URL *before* the
 * compiled bundle CSS (same pattern as cnh.css), so it must never compete
 * with utility classes on selectors.
 *
 * Brand tokens:
 *   primary        #020E92  (buttons, links, focus — dominant brand blue)
 *   primary dark   #000A73  (hover/pressed)
 *   indigo tints   #4E56B3 / #9A9FD3 / #CCCFE9
 *   ink            #0A0909
 *   chrome navy    #0F1C47  (auth-page body navy)
 *   accents        #00FFFF cyan / #FF8B2F orange / #FF4DD7 pink (slinky art)
 *   fonts          Moderat / Object Sans (LICENSED — not bundled; the app
 *                  default font stack is used instead)
 */

:root {
  /* Vocus portal is light-first; used with VITE_FORCE_LIGHT_MODE=true. */
  color-scheme: light;

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

  /* Brand accent slot */
  --sfh-accent-from: #020e92;
  --sfh-accent-to: #000a73;
  --sfh-accent-contrast: #ffffff;

  /* Vocus indigo scale (rgb triplets for Tailwind <alpha-value>).
   * 600 = brand #020E92, 800 = pressed #000A73; 100/400 are the real
   * site tints #CCCFE9 / #4E56B3. */
  --sfh-primary-50: 230 232 247;
  --sfh-primary-100: 204 207 233;
  --sfh-primary-200: 154 159 211;
  --sfh-primary-300: 110 118 197;
  --sfh-primary-400: 78 86 179;
  --sfh-primary-500: 42 52 166;
  --sfh-primary-600: 2 14 146;
  --sfh-primary-700: 1 11 127;
  --sfh-primary-800: 0 10 115;
  --sfh-primary-900: 0 8 80;
  --sfh-brand-50: 230 232 247;
  --sfh-brand-100: 204 207 233;
  --sfh-brand-200: 154 159 211;
  --sfh-brand-300: 110 118 197;
  --sfh-brand-400: 78 86 179;
  --sfh-brand-500: 42 52 166;
  --sfh-brand-600: 2 14 146;
  --sfh-brand-700: 1 11 127;
  --sfh-brand-800: 0 10 115;
  --sfh-brand-900: 0 8 80;

  /* State colors — Vocus orange for warnings, standard alarm/success. */
  --sfh-status-alarm: 197 0 0;
  --sfh-status-warning: 255 139 47;
  --sfh-status-success: 11 146 84;
  --sfh-status-info: 2 14 146;

  /* App chrome — Vocus navy (auth-page body #0F1C47). */
  --sfh-chrome-bg: #0f1c47;
  /* White wordmark for the navy topbar; light surfaces (sign-in) keep the
   * standard VITE_APP_LOGO_URL logo. */
  --sfh-chrome-logo: "/vocus-logo-dark.svg";
  --sfh-chrome-border: #0f1c47;
  --sfh-chrome-divider: #26305c;
  --sfh-chrome-text: #b8bdd3;
  --sfh-chrome-text-active: #ffffff;
  --sfh-chrome-hover-bg: #1b2657;
  --sfh-chrome-icon: #b8bdd3;

  /* 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 a faint indigo-tinted page. */
  --sfh-body-bg: #f4f5fa;
  --sfh-surface: #ffffff;
  --sfh-border: #cccfe9;
  --sfh-card-shadow: 0 1px 2px 1px rgba(2, 14, 146, 0.08);

  /* Tables — indigo-tinted banding. */
  --sfh-table-header-bg: #e6e8f7;
  --sfh-table-stripe-odd: #f4f5fa;
  --sfh-table-stripe-even: #ffffff;
  --sfh-table-row-hover: #dce0f5;
  --sfh-table-row-border: transparent;
}