/*
  PressHarbor Custom Styles — Nexus Cart Orderform
  Based on WHMCS Nexus Cart theme
  Upstream version: 9.01
  Last synced: 2026-02-16
  Customizations:
  - All --vl-* Shadow DOM variables set to PressHarbor brand values
  - Primary (CTA buttons) → orange (#F59117)
  - Info (links, highlights) → PressHarbor blue (#006cb7)
  - Rounding → 8px base (matches WordPress theme geometry)
  - Text/border/background scale aligned to WP theme gray palette
*/

:host, :root {
    /* ── Primary (used for CTA buttons) ── */
    --vl-primary:           #F59117;
    --vl-primary-lifted:    #fdb913;
    --vl-primary-accented:  #d97d0e;

    /* ── Secondary ── */
    --vl-secondary:         #64748b;
    --vl-secondary-lifted:  #475569;
    --vl-secondary-accented:#334155;

    /* ── Success ── */
    --vl-success:           #00a63e;
    --vl-success-lifted:    #008236;
    --vl-success-accented:  #016630;

    /* ── Info (links, highlights) → PressHarbor blue ── */
    --vl-info:              #006cb7;
    --vl-info-lifted:       #0080d4;
    --vl-info-accented:     #003d6b;

    /* ── Notice ── */
    --vl-notice:            #7f22fe;
    --vl-notice-lifted:     #7008e7;
    --vl-notice-accented:   #5d0ec0;

    /* ── Warning ── */
    --vl-warning:           #f54a00;
    --vl-warning-lifted:    #ca3500;
    --vl-warning-accented:  #9f2d00;

    /* ── Error ── */
    --vl-error:             #e7000b;
    --vl-error-lifted:      #c10007;
    --vl-error-accented:    #9f0712;

    /* ── Grayscale ── */
    --vl-grayscale:         #0f172a;
    --vl-grayscale-lifted:  #1e293b;
    --vl-grayscale-accented:#334155;

    /* ── Neutral ── */
    --vl-neutral:           #64748b;
    --vl-neutral-lifted:    #475569;
    --vl-neutral-accented:  #334155;

    /* ── Text ── */
    --vl-text-inverted:     #ffffff;
    --vl-text-muted:        #94a3b8;
    --vl-text-lifted:       #64748b;
    --vl-text-accented:     #475569;
    --vl-text:              #1e293b;

    /* ── Borders ── */
    --vl-border-muted:      #f1f5f9;
    --vl-border:            #e2e8f0;
    --vl-border-lifted:     #cbd5e1;
    --vl-border-accented:   #94a3b8;

    /* ── Backgrounds ── */
    --vl-bg:                #ffffff;
    --vl-bg-muted:          #f8fafc;
    --vl-bg-lifted:         #f1f5f9;
    --vl-bg-accented:       #e2e8f0;
    --vl-bg-inverted:       #0f172a;

    /* ── Font sizes ── */
    --vl-text-xs:           0.625rem;
    --vl-text-sm:           0.75rem;
    --vl-text-md:           0.875rem;
    --vl-text-lg:           1rem;

    /* ── Spacing / outline ── */
    --vl-outline-sm:        1px;
    --vl-outline-md:        2px;
    --vl-outline-lg:        3px;

    /* ── Rounding — match WP theme (8px base) ── */
    --vl-rounding-sm:       4px;
    --vl-rounding-md:       8px;
    --vl-rounding-lg:       12px;

    /* ── Letter spacing ── */
    --vl-letter-spacing:    0em;

    /* ── Disabled ── */
    --vl-disabled-opacity:  25%;
}