/* ============================================================
   MISA AMIS Design System — Single Source of Truth
   Based on: misa-amis-design-pattern.md
   ============================================================ */

/* Google Fonts - Be Vietnam Pro + Inter */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');


:root {
    /* ─── Brand Colors ─── */
    --misa-brand-link:    #2662ff;
    --misa-brand-green:   #0fa976;
    --misa-brand-hover:   #1d4ed8;

    /* ─── Backgrounds ─── */
    --misa-bg-surface:    #ffffff;
    --misa-bg-light-blue: #f0f7ff;
    --misa-bg-light-mint: #e4fff6;
    --misa-bg-soft-orange:#fffaf5;
    --misa-bg-footer:     #f5f5f5;
    --misa-bg-subtle:     #f8fafc;

    /* ─── Text ─── */
    --misa-text-dark:     #0A0D12;
    --misa-text-primary:  #1f2328;
    --misa-text-secondary:#414651;
    --misa-text-muted:    #666666;
    --misa-text-white:    #ffffff;

    /* ─── Semantic ─── */
    --misa-success:       #16a34a;
    --misa-warning:       #ea580c;
    --misa-danger:        #dc2626;
    --misa-info:          #2563eb;

    /* ─── Typography ─── */
    --misa-font:          'Be Vietnam Pro', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* ─── MISA Blue Design Tokens ─── */
    --misa-blue-deep:     #0a1444;
    --misa-blue-dark:     #0d1b5e;
    --misa-blue-mid:      #0033A0;
    --misa-blue-light:    #3b7dff;

    /* ─── Spacing & Layout ─── */
    --misa-container:     1280px;
    --misa-gap:           24px;
    --misa-gap-sm:        16px;
    --misa-radius-sm:     8px;
    --misa-radius-md:     12px;
    --misa-radius-pill:   30px;

    /* ─── Shadows ─── */
    --misa-shadow-sm:     0 1px 3px rgba(0,0,0,0.08);
    --misa-shadow-md:     0 4px 16px rgba(0,0,0,0.10);
    --misa-shadow-lg:     0 10px 30px rgba(0,0,0,0.12);
}