/* BSD Infotech brand tokens — shared by the storefront and the admin.
   Mirrors www.bsdinfotech.com: Inter, deep navy text, orange call-to-action, navy footer. */
:root {
    --bsd-navy: #0B1F3A;
    --bsd-navy-2: #16325C;
    --bsd-navy-deep: #07162A;
    --bsd-slate: #33445C;
    --bsd-muted: #536072;
    --bsd-line: #D5E0EE;
    --bsd-bg: #F6F8FB;
    --bsd-surface: #FFFFFF;
    --bsd-orange: #E9830D;
    --bsd-orange-dark: #C96F08;
    --bsd-orange-soft: #FDF1E3;
    --bsd-blue-soft: #EAF1FB;
    --bsd-green: #16A34A;
    --bsd-green-soft: #E8F7EE;
    --bsd-red: #DC2626;
    --bsd-red-soft: #FDECEC;
    --bsd-amber: #B45309;
    --bsd-amber-soft: #FEF3C7;
    --bsd-radius: 12px;
    --bsd-radius-sm: 8px;
    --bsd-shadow: 0 1px 2px rgba(11,31,58,.06), 0 4px 16px rgba(11,31,58,.06);
    --bsd-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.bsd-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    font: 600 14px/1 var(--bsd-font); padding: 12px 18px; border-radius: var(--bsd-radius-sm);
    border: 1px solid transparent; cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s, color .15s;
}
.bsd-btn-primary { background: var(--bsd-orange); color: #fff; }
.bsd-btn-primary:hover { background: var(--bsd-orange-dark); color: #fff; }
.bsd-btn-outline { background: #fff; color: var(--bsd-navy); border-color: var(--bsd-navy); }
.bsd-btn-outline:hover { background: var(--bsd-navy); color: #fff; }
.bsd-btn-ghost { background: transparent; color: var(--bsd-navy); border-color: var(--bsd-line); }
.bsd-btn-ghost:hover { background: var(--bsd-bg); }
.bsd-btn:disabled { opacity: .6; cursor: not-allowed; }

.bsd-input, .bsd-select, .bsd-textarea {
    width: 100%; font: 400 15px/1.4 var(--bsd-font); color: var(--bsd-navy);
    background: #fff; border: 1px solid var(--bsd-line); border-radius: var(--bsd-radius-sm); padding: 11px 13px;
}
.bsd-input:focus, .bsd-select:focus, .bsd-textarea:focus { outline: none; border-color: var(--bsd-navy-2); box-shadow: 0 0 0 3px rgba(22,50,92,.12); }
.bsd-label { display: block; font: 600 13px/1.3 var(--bsd-font); color: var(--bsd-slate); margin-bottom: 6px; }
.bsd-eyebrow { font: 700 12px/1 var(--bsd-font); letter-spacing: .08em; text-transform: uppercase; color: var(--bsd-orange); }