/* ============================================================
   Ambup — Design tokens
   Extraído verbatim do design system "MedCare" do projeto de design
   Claude Design 06ef0f41-3136-4055-bb41-7a1a12c0882d
   (_ds/medcare-design-system-8266d762.../tokens/*.css)

   NÃO editar valores à mão: eles são a fonte da verdade do design.
   Reimportar com o MCP claude_design se o design mudar.
   ============================================================ */

/* ---------- fonts.css ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    /* ============ colors.css ============ */

    /* ---- Brand blue (primary) ---- */
    --mc-blue:        #1a4a9e;   /* core brand blue (logo / primary actions) */
    --mc-blue-light:  #2563eb;   /* brighter blue for gradients / links */
    --mc-blue-50:     #eff6ff;
    --mc-blue-100:    #dbeafe;
    --mc-blue-200:    #bfdbfe;
    --mc-blue-700:    #1d4ed8;
    --mc-blue-900:    #1e3a5f;   /* deep navy used in dark stat bars / sidebars */
    --mc-ink:         #0b1f3a;   /* near-black navy — headings */

    /* ---- Accent hues (module color-coding) ---- */
    --mc-green:       #059669;   --mc-green-50:  #ecfdf5;
    --mc-purple:      #7c3aed;   --mc-purple-50: #f5f3ff;
    --mc-orange:      #ea580c;   --mc-orange-50: #fff7ed;
    --mc-red:         #dc2626;   --mc-red-50:    #fef2f2;
    --mc-teal:        #0891b2;   --mc-teal-50:   #ecfeff;
    --mc-pink:        #db2777;   --mc-pink-50:   #fdf2f8;
    --mc-indigo:      #4f46e5;   --mc-indigo-50: #eef2ff;
    --mc-yellow:      #d97706;

    /* ---- Neutral / slate scale ---- */
    --mc-white:       #ffffff;
    --mc-gray-50:     #f8fafc;
    --mc-gray-100:    #f1f5f9;
    --mc-gray-200:    #e2e8f0;
    --mc-gray-300:    #cbd5e1;
    --mc-gray-400:    #94a3b8;
    --mc-gray-500:    #64748b;
    --mc-gray-600:    #475569;
    --mc-gray-700:    #334155;
    --mc-gray-800:    #1e293b;
    --mc-gray-900:    #0f172a;

    /* ---- Semantic aliases ---- */
    --mc-primary:           var(--mc-blue);
    --mc-primary-strong:    var(--mc-blue-900);
    --mc-text:              var(--mc-gray-700);   /* body copy */
    --mc-text-strong:       var(--mc-ink);        /* headings */
    --mc-text-muted:        var(--mc-gray-500);
    --mc-text-faint:        var(--mc-gray-400);
    --mc-bg:                var(--mc-white);
    --mc-bg-subtle:         var(--mc-gray-50);     /* alternating sections */
    --mc-surface:           var(--mc-white);       /* cards */
    --mc-border:            var(--mc-gray-200);
    --mc-border-soft:       var(--mc-gray-100);
    --mc-success:           var(--mc-green);
    --mc-danger:            var(--mc-red);
    --mc-warning:           var(--mc-orange);
    --mc-info:              var(--mc-teal);

    /* ---- Signature gradients ---- */
    --mc-grad-primary:  linear-gradient(135deg, var(--mc-blue), var(--mc-blue-light));
    --mc-grad-deep:     linear-gradient(135deg, var(--mc-blue-900), var(--mc-blue));
    --mc-grad-ai:       linear-gradient(135deg, var(--mc-ink), #13315c 55%, #3b1d6e);
    --mc-grad-hero:     radial-gradient(120% 120% at 80% 0%, #eef4ff 0%, #fff 45%, #f6f3ff 100%);

    /* ============ typography.css ============ */
    --mc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    --mc-fw-medium:    500;
    --mc-fw-semibold:  600;
    --mc-fw-bold:      700;
    --mc-fw-extrabold: 800;

    --mc-fs-hero:    clamp(2.4rem, 4.6vw, 3.7rem);
    --mc-fs-h2:      clamp(1.9rem, 3vw, 2.6rem);
    --mc-fs-h3:      1.22rem;
    --mc-fs-h4:      1.05rem;
    --mc-fs-lead:    1.12rem;
    --mc-fs-body:    0.95rem;
    --mc-fs-sm:      0.86rem;
    --mc-fs-xs:      0.78rem;
    --mc-fs-2xs:     0.7rem;

    --mc-track-tight:   -1.5px;
    --mc-track-title:   -0.8px;
    --mc-track-eyebrow:  1.5px;

    --mc-lh-tight:  1.1;
    --mc-lh-snug:   1.3;
    --mc-lh-body:   1.6;
    --mc-lh-relax:  1.75;

    /* ============ spacing.css ============ */
    --mc-space-1:  0.25rem;
    --mc-space-2:  0.5rem;
    --mc-space-3:  0.75rem;
    --mc-space-4:  1rem;
    --mc-space-5:  1.5rem;
    --mc-space-6:  2rem;
    --mc-space-8:  3rem;
    --mc-space-10: 4rem;
    --mc-space-14: 5.5rem;

    --mc-section-pad:    5.5rem 2rem;
    --mc-container-max:  1240px;

    --mc-radius-sm:   8px;
    --mc-radius-md:   12px;
    --mc-radius-lg:   16px;
    --mc-radius-xl:   20px;
    --mc-radius-2xl:  24px;
    --mc-radius-pill: 50px;
    --mc-radius-full: 9999px;

    --mc-shadow-sm:   0 1px 2px rgba(16,33,64,.06);
    --mc-shadow:      0 1px 2px rgba(16,33,64,.04), 0 12px 32px -12px rgba(16,33,64,.12);
    --mc-shadow-lg:   0 24px 70px -24px rgba(16,33,64,.28);
    --mc-shadow-blue: 0 14px 30px -12px rgba(37,99,235,.65);

    --mc-ease:     cubic-bezier(.16,1,.3,1);
    --mc-dur-fast: .25s;
    --mc-dur:      .6s;

    /* ============ Ambup — tokens derivados do "Painel Ambup" ============ */
    --amb-aside-w:     252px;
    --amb-topbar-h:    64px;
    --amb-pad-cel:     15px 12px;   /* densidade equilibrada */
    --amb-pad-h:       26px;        /* padding horizontal do header (desktop) */
    --amb-pad-content: 24px 26px 40px;
}

/* Densidade compacta (equivalente à prop "densidade" do design) */
[data-densidade="compacta"] {
    --amb-pad-cel: 10px 12px;
}