/* =========================================================
   LIGHT – Clean Enterprise Default
========================================================= */

:root {
    /* BRAND */
    --brand-primary: #2563eb;
    --brand-secondary: #1d4ed8;
    --gradient-brand: linear-gradient(135deg, #2563eb, #1d4ed8);
    /* SURFACES */
    --surface-0: #ffffff;
    --surface-1: #f8fafc;
    --surface-2: #eef2f7;
    --surface-base: var(--surface-0);
    --surface-muted: var(--surface-1);
    /* TEXT */
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    /* BORDERS */
    --border-subtle: #e5e7eb;
    --border-default: #d1d5db;
    /* ELEVATION */
    --shadow-1: 0 2px 6px rgba(15,23,42,0.04);
    --shadow-2: 0 12px 28px rgba(15,23,42,0.06);
    --shadow-3: 0 24px 60px rgba(15,23,42,0.08);
    /* Typography */
    --font-family: "Segoe UI", system-ui, sans-serif;
}


body {
    background: var(--surface-base);
    color: var(--text-primary);
    font-family: var(--font-family);
}

.btn-primary {
    background: var(--brand-primary);
}

.header {
    background: var(--brand-primary);
}

.branding-logo {
    height: 36px;
    width: auto;
}

.product-name {
    font-family: var(--font-family);
    color: var(--brand-primary);
    font-weight: 600;
}