/* =========================================================
   EDU GLOBAL DESIGN SYSTEM
   Unified Purple Theme
   ========================================================= */

:root{
    --edu-primary:#6C2BD9;
    --edu-primary-dark:#5B21B6;
    --edu-primary-light:#F5F3FF;
    --edu-primary-soft:#EDE9FE;

    --edu-bg:#F8FAFC;
    --edu-surface:#FFFFFF;
    --edu-text:#1E293B;
    --edu-muted:#64748B;
    --edu-border:#E5E7EB;

    --edu-success:#10B981;
    --edu-danger:#EF4444;
    --edu-warning:#F59E0B;

    --edu-radius-sm:8px;
    --edu-radius-md:12px;
    --edu-radius-lg:16px;
    --edu-radius-xl:20px;

    --edu-shadow-sm:0 2px 8px rgba(15,23,42,.06);
    --edu-shadow-md:0 8px 24px rgba(15,23,42,.08);
    --edu-shadow-lg:0 18px 45px rgba(15,23,42,.10);
}

/* =========================================================
   GLOBAL BRAND COLORS
   ========================================================= */

body{
    background:var(--edu-bg);
    color:var(--edu-text);
}

/* Primary buttons */
.btn-primary,
button.btn-primary,
.primary-btn,
.save-btn,
.save-course-btn,
.submit-btn{
    background:var(--edu-primary) !important;
    border-color:var(--edu-primary) !important;
    color:#fff !important;
}

.btn-primary:hover,
button.btn-primary:hover,
.primary-btn:hover,
.save-btn:hover,
.save-course-btn:hover,
.submit-btn:hover{
    background:var(--edu-primary-dark) !important;
    border-color:var(--edu-primary-dark) !important;
}

/* Primary text */
.text-primary,
.primary-text{
    color:var(--edu-primary) !important;
}

/* Primary borders */
.border-primary{
    border-color:var(--edu-primary) !important;
}

/* Links */
a:hover{
    color:var(--edu-primary);
}

/* =========================================================
   CARDS
   ========================================================= */

.card,
.info-card,
.stat-card,
.course-card,
.panel,
.dashboard-card{
    border-color:var(--edu-border);
    border-radius:var(--edu-radius-lg);
    box-shadow:var(--edu-shadow-sm);
}

.card:hover,
.info-card:hover,
.stat-card:hover{
    box-shadow:var(--edu-shadow-md);
}

/* =========================================================
   FORM FOCUS
   ========================================================= */

input:focus,
select:focus,
textarea:focus{
    border-color:var(--edu-primary) !important;
    box-shadow:0 0 0 3px rgba(108,43,217,.10) !important;
    outline:none;
}

input[type="checkbox"],
input[type="radio"]{
    accent-color:var(--edu-primary);
}

/* =========================================================
   HEADINGS / SECTION ACCENTS
   ========================================================= */

.section-title,
.page-title,
.card-title{
    color:var(--edu-text);
}

.section-line,
.title-line{
    background:var(--edu-primary) !important;
}

/* =========================================================
   PURPLE SOFT ELEMENTS
   ========================================================= */

.badge-primary,
.status-primary,
.tag-primary{
    background:var(--edu-primary-light) !important;
    color:var(--edu-primary-dark) !important;
    border-color:var(--edu-primary-soft) !important;
}

/* =========================================================
   GRID BACKGROUND
   ========================================================= */

.edu-grid-bg{
    background-color:#fff;
    background-image:
        linear-gradient(rgba(108,43,217,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(108,43,217,.045) 1px,transparent 1px);
    background-size:32px 32px;
}

/* =========================================================
   SELECTION
   ========================================================= */

::selection{
    background:var(--edu-primary);
    color:#fff;
}

/* =========================================================
   EDU / RAWASEM — GLOBAL PURPLE UI
   ========================================================= */

:root{
    --edu-primary:#6C2BD9;
    --edu-primary-dark:#5B21B6;
    --edu-primary-light:#F5F3FF;
    --edu-primary-lighter:#EDE9FE;

    --edu-text:#1E293B;
    --edu-muted:#64748B;
    --edu-border:#E5E7EB;
    --edu-bg:#FFFFFF;
}

/* Buttons */
.btn-primary,
button.btn-primary,
.save-btn,
.btn-save,
.primary-btn{
    background:var(--edu-primary) !important;
    border-color:var(--edu-primary) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
.save-btn:hover,
.btn-save:hover,
.primary-btn:hover{
    background:var(--edu-primary-dark) !important;
    border-color:var(--edu-primary-dark) !important;
}

/* Links */
a:hover{
    color:var(--edu-primary);
}

/* Main accents */
.text-primary,
.text-purple,
.primary-text{
    color:var(--edu-primary) !important;
}

/* Icons / headings */
.page-header h1 i,
.page-header h2 i,
.section-title i,
.card-title i{
    color:var(--edu-primary) !important;
}

/* Inputs */
input:focus,
select:focus,
textarea:focus{
    border-color:var(--edu-primary) !important;
    box-shadow:0 0 0 3px rgba(108,43,217,.10) !important;
}

/* Badges */
.badge-primary,
.status-primary{
    background:var(--edu-primary-light) !important;
    color:var(--edu-primary) !important;
}

/* Navigation */
.nav-links a:hover,
.sidebar a:hover{
    color:var(--edu-primary) !important;
    background:var(--edu-primary-light) !important;
}

/* Active navigation */
.nav-links a.active,
.sidebar a.active{
    color:var(--edu-primary) !important;
    background:var(--edu-primary-light) !important;
}

/* Progress / accent bars */
.progress-bar,
.progress-fill{
    background:var(--edu-primary) !important;
}

/* Selection */
::selection{
    background:var(--edu-primary);
    color:#fff;
}