/* tutor_vars.css — CSS variables for tutor platform
   More professional, data-dense aesthetic vs student app's gamified feel
   Palette: deep slate + warm amber accent + clean whites
*/

:root {
    /* Brand */
    --tutor-slate:      #1E293B;   /* primary dark — headers, nav */
    --tutor-slate-m:    #334155;   /* medium slate — secondary text */
    --tutor-slate-l:    #475569;   /* light slate — muted text */
    --tutor-amber:      #F59E0B;   /* accent — CTAs, badges */
    --tutor-amber-l:    #FEF3C7;   /* amber light — highlights */
    --tutor-amber-d:    #D97706;   /* amber dark — hover */
    --tutor-teal:       #0D9488;   /* secondary accent — success, active */
    --tutor-teal-l:     #CCFBF1;   /* teal light */

    /* Surface */
    --tutor-bg:         #F8FAFC;   /* page background */
    --tutor-surface:    #FFFFFF;   /* card surface */
    --tutor-border:     #E2E8F0;   /* subtle border */
    --tutor-border-m:   #CBD5E1;   /* medium border */

    /* Status */
    --tutor-success:    #10B981;
    --tutor-warning:    #F59E0B;
    --tutor-error:      #EF4444;
    --tutor-info:       #3B82F6;

    /* Text */
    --tutor-ink:        #0F172A;   /* primary text */
    --tutor-ink2:       #334155;   /* secondary */
    --tutor-ink3:       #64748B;   /* muted */
    --tutor-ink4:       #94A3B8;   /* placeholder */

    /* Layout */
    --tutor-sidebar:    240px;
    --tutor-header:     60px;
    --tutor-radius:     8px;
    --tutor-radius-l:   12px;
    --tutor-shadow:     0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --tutor-shadow-m:   0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.05);

    /* Typography */
    --tutor-font:       'Inter', system-ui, -apple-system, sans-serif;
    --tutor-font-mono:  'JetBrains Mono', 'Fira Code', monospace;
}