/* ============================================================
   ERP Design Tokens — Gentellela-Inspired Admin Theme
   ============================================================
   All design decisions live here as CSS custom properties.
   Import this file first; reference these tokens everywhere else.
   ============================================================ */

@import url('select-lumo-bright.css');
@import url('login.css');

:root {
    /* ── Sidebar ────────────────────────────────────────────── */
    --erp-sidebar-bg:          #2A3F54;
    --erp-sidebar-hover:       #354D5D;
    --erp-sidebar-active:      #1A2C3D;
    --erp-sidebar-text:        #E7E7E7;
    --erp-sidebar-text-muted:  #7F96AA;
    --erp-sidebar-border:      #1C3143;
    --erp-sidebar-width:       270px;

    /* ── Primary Accent (Teal / Mint) ───────────────────────── */
    --erp-accent:              #26B99A;
    --erp-accent-dark:         #1DAA8B;
    --erp-accent-darker:       #168A6F;
    --erp-accent-light:        rgba(38, 185, 154, 0.12);
    --erp-accent-50pct:        rgba(38, 185, 154, 0.50);
    --erp-accent-10pct:        rgba(38, 185, 154, 0.10);

    /* ── Top Navbar ─────────────────────────────────────────── */
    --erp-navbar-bg:           #FFFFFF;
    --erp-navbar-border:       #E6E9ED;
    --erp-navbar-text:         #333333;

    /* ── Domain / Module header strip ──────────────────────── */
    --erp-domain-strip-bg:     #EEF2F7;
    --erp-domain-strip-text:   #2A3F54;
    --erp-domain-btn-bg:       #DDEAF7;
    --erp-domain-btn-text:     #2A6496;
    --erp-domain-btn-hover-bg: #C4D9F0;
    --erp-domain-btn-hover-text:#1A4D78;

    /* ── Page & Cards ───────────────────────────────────────── */
    --erp-page-bg:             #F7F7F7;
    --erp-card-bg:             #FFFFFF;
    --erp-card-shadow:         0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
    --erp-card-shadow-hover:   0 4px 14px rgba(0,0,0,0.13);
    --erp-card-radius:         6px;

    /* ── Borders ────────────────────────────────────────────── */
    --erp-border:              #E6E9ED;
    --erp-border-soft:         #F0F2F4;

    /* ── Typography ─────────────────────────────────────────── */
    --erp-text-primary:        #333333;
    --erp-text-secondary:      #73879C;
    --erp-text-muted:          #ABB4BE;
    --erp-text-white:          #FFFFFF;
    --erp-font:                'Open Sans', 'Nunito', 'Segoe UI', sans-serif;

    /* ── Status Colors ──────────────────────────────────────── */
    --erp-success:             #26B99A;
    --erp-success-50pct:       rgba(38, 185, 154, 0.50);
    --erp-success-10pct:       rgba(38, 185, 154, 0.10);
    --erp-error:               #E74C3C;
    --erp-error-50pct:         rgba(231, 76, 60, 0.50);
    --erp-error-10pct:         rgba(231, 76, 60, 0.10);
    --erp-warning:             #F39C12;
    --erp-warning-50pct:       rgba(243, 156, 18, 0.50);
    --erp-warning-10pct:       rgba(243, 156, 18, 0.10);
    --erp-info:                #3498DB;

    /* ── Buttons — Primary (Teal) ────────────────────────────── */
    --erp-btn-primary-bg:      #26B99A;
    --erp-btn-primary-text:    #FFFFFF;
    --erp-btn-primary-hover:   #1DAA8B;

    /* ── Buttons — Secondary (Neutral) ──────────────────────── */
    --erp-btn-alt-bg:          #E8EDF2;
    --erp-btn-alt-text:        #4A5568;
    --erp-btn-alt-hover:       #D0D8E4;
    --erp-btn-alt-border:      #CDD3DB;

    /* ── Buttons — Help / Info ───────────────────────────────── */
    --erp-btn-help-bg:         #C4D9F0;
    --erp-btn-help-text:       #1A4D78;
    --erp-btn-help-hover:      #A8C7E8;

    /* ── Form Inputs ────────────────────────────────────────── */
    --erp-input-bg:            #FFFFFF;
    --erp-input-border:        #CDD3D8;
    --erp-input-border-hover:  #73879C;
    --erp-input-focus:         #26B99A;
    --erp-input-focus-shadow:  rgba(38, 185, 154, 0.20);

    /* ── Shadows ────────────────────────────────────────────── */
    --erp-shadow-soft:         rgba(42, 63, 84, 0.12);
    --erp-shadow-medium:       rgba(42, 63, 84, 0.22);
    --erp-shadow-strong:       rgba(26, 44, 61, 0.38);

    /* ── Transitions ────────────────────────────────────────── */
    --erp-transition:          0.2s ease;
}