/*
 * Sharq Material You (blue) theme — applied site-wide.
 *
 * The Nest theme drives its brand colour entirely through CSS custom
 * properties (static/nest/css/main.css uses var(--color-primary) 146x; the
 * literal hex only appears in its :root). Loading this file AFTER main.css
 * re-points those variables at sharq's Material-You blue palette, recolouring
 * the whole storefront, customer auth pages and supplier onboarding without
 * touching the theme's compiled CSS.
 *
 * Semantic colours (success/warning/danger) are intentionally left to the
 * Nest defaults so stock badges and alerts keep their meaning.
 *
 * Reversible: remove the <link> to this file (or the file) to restore the
 * original teal Nest palette.
 */
:root {
  /* ── Nest brand variables → sharq blue ── */
  --color-primary: #0d6efd;
  --color-primary-hover: #0a58ca;
  --color-secondary: #0F172A;      /* dark headings (high contrast) */
  --color-text: #475569;
  --color-text-light: #94A3B8;
  --color-white: #ffffff;
  --color-bg-light: #F8FAFF;
  --color-border: #CBD5E1;

  /* ── Sharq Material You tokens (consumed by supplier onboarding) ── */
  --md-primary: #0d6efd;
  --md-primary-hover: #0a58ca;
  --md-on-primary: #ffffff;
  --md-primary-container: #DBEAFE;
  --md-on-primary-container: #1E3A5F;
  --md-secondary: #60A5FA;
  --md-on-secondary: #ffffff;
  --md-secondary-container: #DBEAFE;
  --md-tertiary: #0EA5E9;
  --md-on-tertiary: #ffffff;
  --md-background: #F8FAFF;
  --md-on-background: #0F172A;
  --md-surface: #F8FAFF;
  --md-on-surface: #0F172A;
  --md-on-surface-variant: #475569;
  --md-surface-container: #EFF6FF;
  --md-surface-container-low: #E0ECFF;
  --md-surface-container-high: #DBEAFE;
  --md-outline: #64748B;
  --md-outline-variant: #CBD5E1;
  --md-success: #16a34a;
  --md-error: #DC2626;
}

/* Keep the page background aligned with the sharq tonal base. */
body {
  background-color: var(--md-background);
}