/* =====================================================
   Jurnalin v2 — Design Tokens (sumber kebenaran)
   ===================================================== */
:root {
    /* Brand */
    --brand:            #3D5367;
    --brand-hover:      #2C3E4F;
    --accent:           #EA3446;   /* dipakai HANYA untuk CTA / destruktif */
    --accent-hover:     #C92837;

    /* Surface */
    --bg-page:          #F6F7F9;   /* latar utama (abu sangat muda) */
    --bg-surface:       #FFFFFF;   /* kartu / panel */
    --bg-sidebar:       #FFFFFF;
    --bg-subtle:        #F1F3F5;
    --bg-hover:         #EEF1F4;

    /* Border */
    --border:           #E3E8EE;
    --border-light:     #EDF1F5;

    /* Text */
    --text:             #1A2230;
    --text-secondary:   #5B6776;
    --text-muted:       #97A1AE;

    /* Semantic */
    --success:          #15803D;  --success-bg: #E7F6EC;
    --warning:          #B45309;  --warning-bg: #FCF3E3;
    --danger:           #B91C1C;  --danger-bg:  #FBEAEA;
    --info:             #1E5EBF;  --info-bg:    #E8F0FB;

    /* Accent palette (kategori warna — dipakai untuk ikon, aksen kartu, avatar) */
    --c-blue:   #2563EB;  --c-blue-bg:   #E8F0FE;
    --c-cyan:   #0891B2;  --c-cyan-bg:   #E1F4F9;
    --c-teal:   #0D9488;  --c-teal-bg:   #DEF4F1;
    --c-indigo: #4F46E5;  --c-indigo-bg: #ECEBFD;
    --c-violet: #7C3AED;  --c-violet-bg: #F2EAFE;
    --c-amber:  #D97706;  --c-amber-bg:  #FCF1E0;
    --c-rose:   #E11D48;  --c-rose-bg:   #FCE7EC;
    --c-green:  #15803D;  --c-green-bg:  #E7F6EC;
    --c-slate:  #475569;  --c-slate-bg:  #EDF1F6;

    /* Gradients */
    --grad-brand:  linear-gradient(135deg, #3A5A82, #2C3E4F);
    --grad-logo:   linear-gradient(135deg, #4F46E5, #2563EB);
    --grad-avatar: linear-gradient(135deg, #7C3AED, #4F46E5);
    --grad-pav:    linear-gradient(135deg, #4F46E5, #2563EB);

    /* Spacing */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

    /* Radius & shadow */
    --radius-sm: 6px;  --radius: 10px;  --radius-lg: 14px;  --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(16,24,40,.05);
    --shadow:    0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.04);

    /* Layout */
    --sidebar-w:   248px;
    --content-max: 1240px;

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