/* ============================================================
   POS Line — Customer Portal theme
   POS Line brand: signal red (#F1393A) on the logo's charcoal (#2E393F).
   Loaded after site.css; only redefines tokens.
   ============================================================ */
:root {
    --primary:      #d92d2f;               /* POS Line red, darkened for AA contrast on white text */
    --primary-600:  #bd2427;
    --primary-700:  #9b1c1f;
    --primary-2:    #f1393a;               /* logo red */
    --primary-tint: #fdeeee;
    --primary-line: #f8c9c9;
    --primary-ring: rgba(217,45,47,.28);
    --primary-glow: rgba(241,57,58,.40);

    --danger: #9f1239; --danger-bg: #ffe4ec; --danger-ink: #881337;   /* rose, so errors never look like the brand red */

    --bg:         #f6f6f7;
    --sidebar-1:  #2e393f;                 /* logo charcoal */
    --sidebar-2:  #1a2125;
    --sidebar-ink:    #d5dadd;
    --sidebar-muted:  #7d888e;
    --nav-hover:      rgba(255,255,255,.07);
    --nav-active-1:   rgba(241,57,58,.30);
    --nav-active-2:   rgba(241,57,58,.10);
    --nav-active-bar: #f1393a;
    --brand-app-ink:  #f5a3a3;
    --topbar-accent:  #f1393a;

    --shell-1: #1a2125; --shell-2: #2e393f; --shell-3: #3a474e;
    --shell-glow-1: rgba(241,57,58,.26);
    --shell-glow-2: rgba(241,57,58,.10);
}
.alert-danger { border-color: #fecdd9; }
.auth-badge.customer { background: var(--primary-tint); color: var(--primary-700); }