/* ============================================
   PHARMDATA DESIGN SYSTEM - COLOR TOKENS
   ============================================ */

:root {
    /* ========== INSTITUTIONAL COLORS ========== */

    /* Primary */
    --emerald-abyss: #0B2D2A;
    --graphite-depth: #1F2937;  /* WCAG AAA: 10.5:1 contrast on #F8F9FA */

    /* Secondary */
    --soft-steel: #374151;      /* WCAG AAA: 8.1:1 contrast on #F8F9FA */
    --teal-intense: #1a8b7d;    /* WCAG AA: 4.6:1 contrast - enhanced from #2AA198 */

    /* Backgrounds */
    --arctic-mist: #E9ECEF;
    --cloud: #F5F8FA;           /* Ligeiramente mais azulado (warmth) */
    --soft-arctic: #E5E8EB;

    /* Accent */
    --mint-signal: #B7E4D5;

    /* ========== SHADOW & ELEVATION TOKENS ========== */
    /* Sombras mais pronunciadas para melhor definição visual */

    --shadow-xs: 0 1px 3px 0 rgba(11, 45, 42, 0.12), 0 1px 2px -1px rgba(11, 45, 42, 0.08);
    --shadow-sm: 0 2px 6px -1px rgba(11, 45, 42, 0.15), 0 1px 4px -2px rgba(11, 45, 42, 0.12);
    --shadow-md: 0 4px 12px -2px rgba(11, 45, 42, 0.18), 0 2px 6px -3px rgba(11, 45, 42, 0.14);
    --shadow-lg: 0 10px 24px -4px rgba(11, 45, 42, 0.22), 0 4px 10px -4px rgba(11, 45, 42, 0.16);
    --shadow-xl: 0 20px 40px -8px rgba(11, 45, 42, 0.28), 0 8px 16px -6px rgba(11, 45, 42, 0.18);

    /* ========== GRADIENT ACCENTS ========== */

    --gradient-mint: linear-gradient(135deg, #B7E4D5 0%, rgba(183, 228, 213, 0.3) 100%);
    --gradient-emerald: linear-gradient(135deg, #0B2D2A 0%, rgba(11, 45, 42, 0.8) 100%);
    --gradient-subtle: linear-gradient(180deg, rgba(183, 228, 213, 0.05) 0%, transparent 100%);


    /* ========== SEMANTIC COLORS ========== */

    /* Status */
    --success: #10B981;
    --success-light: #D1FAE5;
    --warning: #E65100;
    --warning-light: #FFF3E0;
    --error: #EF4444;
    --error-light: #FEE2E2;
    --info: #3B82F6;
    --info-light: #DBEAFE;


    /* ========== DROPS - PHARMACEUTICAL CATEGORIES ========== */

    /* DEC - Denominações Comerciais */
    --drop-dec-bg: #FCE4EC;
    --drop-dec-text: #AD1457;

    /* SUB - Substâncias Ativas */
    --drop-sub-bg: #E3F2FD;
    --drop-sub-text: #1565C0;

    /* LAB - Laboratórios */
    --drop-lab-bg: #FFF3E0;
    --drop-lab-text: #EF6C00;

    /* CNC - Concentrações */
    --drop-cnc-bg: #E8F5E9;
    --drop-cnc-text: #2E7D32;

    /* GTS - Gotas (Soluções Orais) */
    --drop-gts-bg: #E0F2F1;
    --drop-gts-text: #00695C;

    /* FOFA - Formas Farmacêuticas */
    --drop-fofa-bg: #F3E5F5;
    --drop-fofa-text: #7B1FA2;

    /* FAP - Formas de Apresentação */
    --drop-fap-bg: #E0F2F1;
    --drop-fap-text: #00695C;

    /* VIA - Vias de Administração */
    --drop-via-bg: #EFEBE9;
    --drop-via-text: #5D4037;

    /* EMB - Embalagens */
    --drop-emb-bg: #E8EAF6;
    --drop-emb-text: #303F9F;

    /* CAP - Capacidades */
    --drop-cap-bg: #FFFDE7;
    --drop-cap-text: #F57F17;

    /* CHG - Enriquecimentos */
    --drop-chg-bg: #FAFAFA;
    --drop-chg-text: #616161;

    /* UNK - Não Reconhecidos */
    --drop-unk-bg: #FFEBEE;
    --drop-unk-text: #C62828;


    /* ========== DROPS - OPERATIONAL ========== */

    /* Registro/Regulatório */
    --drop-registro-bg: #E1F5FE;
    --drop-registro-text: #0277BD;

    /* Prescrever */
    --drop-prescrever-bg: #F3E5F5;
    --drop-prescrever-text: #6A1B9A;

    /* Dispensar */
    --drop-dispensar-bg: #FFF3E0;
    --drop-dispensar-text: #EF6C00;

    /* Administrar */
    --drop-administrar-bg: #E8F5E9;
    --drop-administrar-text: #2E7D32;


    /* ========== DROPS - WORKFLOW STATUS ========== */

    /* Draft */
    --drop-draft-bg: #F5F5F5;
    --drop-draft-text: #616161;

    /* In Review */
    --drop-review-bg: #FFF8E1;
    --drop-review-text: #F57C00;

    /* Approved */
    --drop-approved-bg: #E8F5E9;
    --drop-approved-text: #4CAF50;

    /* Rejected */
    --drop-rejected-bg: #FFEBEE;
    --drop-rejected-text: #EF5350;

    /* Deprecated */
    --drop-deprecated-bg: #EFEBE9;
    --drop-deprecated-text: #6D4C41;


    /* ========== DROPS - DATA SOURCES ========== */

    /* SPOR/EMA */
    --drop-spor-bg: #E3F2FD;
    --drop-spor-text: #1565C0;

    /* SNOMED */
    --drop-snomed-bg: #FFF3E0;
    --drop-snomed-text: #E65100;

    /* ANVISA */
    --drop-anvisa-bg: #E8F5E9;
    --drop-anvisa-text: #1B5E20;

    /* FDA */
    --drop-fda-bg: #E8EAF6;
    --drop-fda-text: #283593;

    /* WHO */
    --drop-who-bg: #E1F5FE;
    --drop-who-text: #01579B;

    /* OBM - Ontologia Brasileira de Medicamentos */
    --drop-obm-bg: #F3E5F5;
    --drop-obm-text: #7B1FA2;

    /* TUSS - Terminologia Unificada da Saúde Suplementar */
    --drop-tuss-bg: #E0F2F1;
    --drop-tuss-text: #00695C;

    /* Brasíndice */
    --drop-brasindice-bg: #FCE4EC;
    --drop-brasindice-text: #AD1457;


    /* ========== DROPS - DATA QUALITY ========== */

    /* Complete */
    --drop-complete-bg: #E8F5E9;
    --drop-complete-text: #4CAF50;

    /* Partial */
    --drop-partial-bg: #FFF8E1;
    --drop-partial-text: #F57F17;

    /* Missing */
    --drop-missing-bg: #FFEBEE;
    --drop-missing-text: #EF5350;

    /* Enriched */
    --drop-enriched-bg: #E3F2FD;
    --drop-enriched-text: #1565C0;
}


/* ========== TAILWIND EXTEND FORMAT ========== */

/* ========== DARK MODE ========== */

html.dark-mode,
:root.dark-mode,
[data-theme="dark"] {
    /* Backgrounds invertidos */
    --cloud: #0d1117;
    --arctic-mist: #161b22;
    --soft-arctic: #21262d;

    /* Textos invertidos - mais claros para melhor legibilidade */
    --graphite-depth: #f0f6fc;
    --soft-steel: #b1bac4;

    /* Primary invertido */
    --emerald-abyss: #7ee2d0;

    /* Accent ajustado para dark */
    --mint-signal: #1a3d3a;
    --teal-intense: #3dc9bd;

    /* Shadows mais fortes em dark - com glow sutil de mint para destaque */
    --shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(183, 228, 213, 0.05);
    --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(183, 228, 213, 0.08);
    --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(183, 228, 213, 0.1);
    --shadow-lg: 0 8px 20px -4px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(183, 228, 213, 0.12);
    --shadow-xl: 0 16px 32px -8px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(183, 228, 213, 0.15);

    /* Gradients ajustados */
    --gradient-mint: linear-gradient(135deg, #1a3d3a 0%, rgba(26, 61, 58, 0.3) 100%);
    --gradient-emerald: linear-gradient(135deg, #B7E4D5 0%, rgba(183, 228, 213, 0.8) 100%);
    --gradient-subtle: linear-gradient(180deg, rgba(183, 228, 213, 0.08) 0%, transparent 100%);

    /* Status colors - mais vibrantes em dark */
    --success: #22c55e;
    --success-light: rgba(34, 197, 94, 0.15);
    --warning: #f97316;
    --warning-light: rgba(249, 115, 22, 0.15);
    --error: #f87171;
    --error-light: rgba(248, 113, 113, 0.15);
    --info: #60a5fa;
    --info-light: rgba(96, 165, 250, 0.15);

    /* ========== DROPS DARK MODE ========== */

    /* DEC - Denominações Comerciais */
    --drop-dec-bg: rgba(173, 20, 87, 0.15);
    --drop-dec-text: #f472b6;

    /* SUB - Substâncias Ativas */
    --drop-sub-bg: rgba(21, 101, 192, 0.15);
    --drop-sub-text: #60a5fa;

    /* LAB - Laboratórios */
    --drop-lab-bg: rgba(239, 108, 0, 0.15);
    --drop-lab-text: #fb923c;

    /* CNC - Concentrações */
    --drop-cnc-bg: rgba(46, 125, 50, 0.15);
    --drop-cnc-text: #4ade80;

    /* GTS - Gotas */
    --drop-gts-bg: rgba(0, 105, 92, 0.15);
    --drop-gts-text: #2dd4bf;

    /* FOFA - Formas Farmacêuticas */
    --drop-fofa-bg: rgba(123, 31, 162, 0.15);
    --drop-fofa-text: #c084fc;

    /* FAP - Formas de Apresentação */
    --drop-fap-bg: rgba(0, 105, 92, 0.15);
    --drop-fap-text: #2dd4bf;

    /* VIA - Vias de Administração */
    --drop-via-bg: rgba(93, 64, 55, 0.2);
    --drop-via-text: #d6bcab;

    /* EMB - Embalagens */
    --drop-emb-bg: rgba(48, 63, 159, 0.15);
    --drop-emb-text: #818cf8;

    /* CAP - Capacidades */
    --drop-cap-bg: rgba(245, 127, 23, 0.15);
    --drop-cap-text: #fbbf24;

    /* CHG - Enriquecimentos */
    --drop-chg-bg: rgba(97, 97, 97, 0.2);
    --drop-chg-text: #9ca3af;

    /* UNK - Não Reconhecidos */
    --drop-unk-bg: rgba(198, 40, 40, 0.15);
    --drop-unk-text: #f87171;

    /* Operational */
    --drop-registro-bg: rgba(2, 119, 189, 0.15);
    --drop-registro-text: #38bdf8;

    --drop-prescrever-bg: rgba(106, 27, 154, 0.15);
    --drop-prescrever-text: #c084fc;

    --drop-dispensar-bg: rgba(239, 108, 0, 0.15);
    --drop-dispensar-text: #fb923c;

    --drop-administrar-bg: rgba(46, 125, 50, 0.15);
    --drop-administrar-text: #4ade80;

    /* Workflow Status */
    --drop-draft-bg: rgba(97, 97, 97, 0.2);
    --drop-draft-text: #9ca3af;

    --drop-review-bg: rgba(245, 124, 0, 0.15);
    --drop-review-text: #fb923c;

    --drop-approved-bg: rgba(76, 175, 80, 0.15);
    --drop-approved-text: #4ade80;

    --drop-rejected-bg: rgba(239, 83, 80, 0.15);
    --drop-rejected-text: #f87171;

    --drop-deprecated-bg: rgba(109, 76, 65, 0.2);
    --drop-deprecated-text: #d6bcab;

    /* Data Sources */
    --drop-spor-bg: rgba(21, 101, 192, 0.15);
    --drop-spor-text: #60a5fa;

    --drop-snomed-bg: rgba(230, 81, 0, 0.15);
    --drop-snomed-text: #fb923c;

    --drop-anvisa-bg: rgba(27, 94, 32, 0.15);
    --drop-anvisa-text: #4ade80;

    --drop-fda-bg: rgba(40, 53, 147, 0.15);
    --drop-fda-text: #818cf8;

    --drop-who-bg: rgba(1, 87, 155, 0.15);
    --drop-who-text: #38bdf8;

    --drop-obm-bg: rgba(123, 31, 162, 0.15);
    --drop-obm-text: #c084fc;

    --drop-tuss-bg: rgba(0, 105, 92, 0.15);
    --drop-tuss-text: #2dd4bf;

    --drop-brasindice-bg: rgba(173, 20, 87, 0.15);
    --drop-brasindice-text: #f472b6;

    /* Data Quality */
    --drop-complete-bg: rgba(76, 175, 80, 0.15);
    --drop-complete-text: #4ade80;

    --drop-partial-bg: rgba(245, 127, 23, 0.15);
    --drop-partial-text: #fbbf24;

    --drop-missing-bg: rgba(239, 83, 80, 0.15);
    --drop-missing-text: #f87171;

    --drop-enriched-bg: rgba(21, 101, 192, 0.15);
    --drop-enriched-text: #60a5fa;
}

/* ========== TAILWIND EXTEND FORMAT ========== */

/*
  Para usar com tailwind.config.js:

  module.exports = {
    theme: {
      extend: {
        colors: {
          'emerald-abyss': '#0B2D2A',
          'graphite-depth': '#2C3E50',
          'soft-steel': '#5A6268',
          'arctic-mist': '#E9ECEF',
          'mint-signal': '#B7E4D5',
          'teal-intense': '#2AA198',
          'cloud': '#F8F9FA',
          'soft-arctic': '#E5E8EB',
        }
      }
    }
  }
*/