/* =========================================================================
   THEME — single source of truth for all colours.
   Change any value here and the whole portal re-skins.  Purple by default.
   ========================================================================= */
:root {
    /* Brand / purple scale */
    --color-primary:        #6d28d9;   /* main purple            */
    --color-primary-dark:   #5b21b6;   /* hover / active         */
    --color-primary-light:  #8b5cf6;   /* accents                */
    --color-primary-soft:   #ede9fe;   /* tinted backgrounds     */
    --color-primary-softer: #f5f3ff;   /* very light tint        */

    /* Brand mark (from the enprep logo) */
    --color-brand-ink:      #1e1450;   /* deep navy-purple letters */
    --color-brand-mid:      #6b3fa0;   /* mid purple              */
    --brand-gradient: linear-gradient(120deg, #1e1450 0%, #5b21b6 45%, #7c3aed 100%);

    /* Neutrals */
    --color-bg:        #f7f7fb;   /* page background            */
    --color-surface:   #ffffff;   /* cards / panels             */
    --color-border:    #e6e4ef;   /* hairlines                  */
    --color-text:      #1f2030;   /* primary text               */
    --color-text-soft: #6b6b80;   /* secondary text             */
    --color-text-mute: #9a9ab0;   /* muted / placeholder        */

    /* Sidebar */
    --color-sidebar-bg:      #1e1b2e;
    --color-sidebar-text:    #c9c6d6;
    --color-sidebar-active:  var(--color-primary);
    --color-sidebar-hover:   #2a2640;

    /* Status / feedback colours */
    --color-success:  #16a34a;
    --color-success-soft: #dcfce7;
    --color-warning:  #d97706;
    --color-warning-soft: #fef3c7;
    --color-danger:   #dc2626;
    --color-danger-soft:  #fee2e2;
    --color-info:     #2563eb;
    --color-info-soft:    #dbeafe;

    /* Shape & depth */
    --radius:     12px;
    --radius-sm:  8px;
    --radius-lg:  18px;
    --shadow-sm:  0 1px 2px rgba(31, 32, 48, .06);
    --shadow:     0 6px 24px rgba(31, 32, 48, .08);

    /* Typography */
    --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}