/* PharmaMedicalStore — Theme Style overrides.
 * Each scoped to [data-theme-style="X"]. Fresh is the default. */

/* ====================================================== *
 *  FRESH RETAIL — sky-blue + emerald (default)
 *  Inter font, friendly rounded corners, bright palette
 * ====================================================== */
[data-theme-style="fresh"] body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
[data-theme-style="fresh"] {
    --brand-primary: #0EA5E9;
    --brand-primary-hover: #0284C7;
    --brand-primary-soft: #E0F2FE;
    --brand-accent: #10B981;
}
[data-theme-style="fresh"] .lp-hero {
    background: linear-gradient(180deg, #F0F9FF 0%, #FFFFFF 60%, #ECFDF5 100%);
}
[data-theme-style="fresh"] .sidebar-brand-mark,
[data-theme-style="fresh"] .topbar-pos-btn {
    background: linear-gradient(135deg, #0EA5E9, #10B981);
}

/* ====================================================== *
 *  CLASSIC TEAL — matches PharmaCoreMax Agency
 * ====================================================== */
[data-theme-style="classic"] {
    --brand-primary: #0F766E;
    --brand-primary-hover: #115E59;
    --brand-primary-soft: #DCFCE7;
    --brand-accent: #F59E0B;
}
[data-theme-style="classic"] body {
    font-family: Arial, sans-serif;
}
[data-theme-style="classic"] .sidebar-brand-mark,
[data-theme-style="classic"] .topbar-pos-btn,
[data-theme-style="classic"] .lp-pos-head {
    background: linear-gradient(135deg, #0F766E, #115E59);
}
[data-theme-style="classic"] .lp-gradient-text {
    background: linear-gradient(135deg, #0F766E 0%, #F59E0B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ====================================================== *
 *  WARM COUNTER — cream + orange, old-school pharmacy
 * ====================================================== */
[data-theme-style="warm"] {
    --brand-primary: #EA580C;
    --brand-primary-hover: #C2410C;
    --brand-primary-soft: #FFEDD5;
    --brand-accent: #92400E;
    --bg: #FFFAF3;
    --bg-soft: #FAF6F2;
}
[data-theme-style="warm"] body {
    font-family: 'Source Sans 3', -apple-system, sans-serif;
}
[data-theme-style="warm"] h1, [data-theme-style="warm"] h2, [data-theme-style="warm"] h3,
[data-theme-style="warm"] .lp-hero-title, [data-theme-style="warm"] .lp-section-head h2 {
    font-family: 'Lora', Georgia, serif !important;
    font-weight: 700;
}
[data-theme-style="warm"] .landing-body, [data-theme-style="warm"] body.app-body {
    background: #FFFAF3;
}
[data-theme-style="warm"] .lp-hero {
    background: linear-gradient(180deg, #FFEDD5 0%, #FFFAF3 100%);
}
[data-theme-style="warm"] .sidebar-brand-mark,
[data-theme-style="warm"] .topbar-pos-btn,
[data-theme-style="warm"] .lp-pos-head {
    background: linear-gradient(135deg, #EA580C, #92400E);
}
[data-theme-style="warm"] .lp-gradient-text {
    background: linear-gradient(135deg, #EA580C 0%, #92400E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-theme-style="warm"] .app-sidebar { background: #FFFAF3; }

/* ====================================================== *
 *  NIGHT POS — dark mode for night-shift counters
 * ====================================================== */
[data-theme-style="night"] {
    --brand-primary: #06B6D4;
    --brand-primary-hover: #0891B2;
    --brand-primary-soft: rgba(6, 182, 212, 0.15);
    --brand-accent: #22D3EE;
    --ink: #F1F5F9;
    --ink-soft: #CBD5E1;
    --muted: #94A3B8;
    --border: #334155;
    --bg: #0F172A;
    --bg-soft: #1E293B;
    --bg-card: #1E293B;
    --gray-50: #1E293B;
    --gray-100: #334155;
    --gray-900: #F1F5F9;
}
[data-theme-style="night"] body {
    font-family: 'Inter', sans-serif;
    background: var(--bg);
    color: var(--ink);
}
[data-theme-style="night"] body.app-body, [data-theme-style="night"] .app-content { background: var(--bg); color: var(--ink); }
[data-theme-style="night"] .app-sidebar, [data-theme-style="night"] .app-topbar, [data-theme-style="night"] .card { background: var(--bg-card); border-color: var(--border); }
[data-theme-style="night"] .card { box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
[data-theme-style="night"] .sidebar-link { color: var(--ink-soft); }
[data-theme-style="night"] .sidebar-link:hover { background: rgba(255,255,255,0.04); color: var(--ink); }
[data-theme-style="night"] .sidebar-link.is-active { background: var(--brand-primary-soft); color: var(--brand-accent); }
[data-theme-style="night"] .topbar-search { background: #0F172A; color: var(--ink); border-color: #334155; }
[data-theme-style="night"] table tbody td { border-color: #334155; }
[data-theme-style="night"] table tbody tr:hover { background: #1E293B; }
[data-theme-style="night"] input, [data-theme-style="night"] select, [data-theme-style="night"] textarea { background: #0F172A; color: var(--ink); border-color: #334155; }
[data-theme-style="night"] .kpi-card { background: var(--bg-card); border-color: var(--border); }
[data-theme-style="night"] .kpi-value { color: var(--ink); }