/**
 * RadarBid Design System — Tokens
 * Extraídos das 11 telas do projeto (Stitch + PRD)
 * Fonte da Verdade para Cores, Tipografia, Espaçamento e Efeitos
 */

/* ============================================================
   CORES
   ============================================================ */
:root {
  color-scheme: light;

  /* --- Marca / Accent --- */
  --color-brand:         #4e46e5; /* Indigo — cor primária de ação, links ativos */
  --color-brand-hover:   #4338ca; /* Tom mais escuro para hover */
  --color-brand-light:   #eff6ff; /* Fundo de badge/pill em modo claro */

  /* --- Superfícies (Light Mode) --- */
  --color-bg:            #F9F9F8; /* Canvas do app / fundo geral */
  --color-surface:       #FFFFFF; /* Cards, painéis, header, sheets */

  /* --- Texto --- */
  --color-text-primary:  #111113; /* Alto contraste – corpo e títulos */
  --color-text-muted:    #8A8A93; /* Texto secundário, timestamps, labels */

  /* --- Bordas --- */
  --color-border:        #E6E6E9; /* Linhas divisórias, borda de cards */

  /* --- Status do Pipeline --- */
  --color-status-analyzing:    #3B82F6; /* Azul — "Analisando" */
  --color-status-analyzing-bg: #EFF6FF;
  --color-status-proposal:     #F59E0B; /* Amarelo — "Montando Proposta" */
  --color-status-proposal-bg:  #FFFBEB;
  --color-status-declined:     #EF4444; /* Vermelho — "Declinado" */
  --color-status-declined-bg:  #FEF2F2;
  --color-status-submitted:    #10B981; /* Verde — "Submetido" */
  --color-status-submitted-bg: #ECFDF5;

  /* --- Feedback / Semântico --- */
  --color-success:       #10B981;
  --color-warning:       #F59E0B;
  --color-error:         #EF4444;
  --color-info:          #3B82F6;

  /* Dark mode removido — apenas tema claro */
}

/* ============================================================
   TIPOGRAFIA
   ============================================================ */
:root {
  --font-family:         'Plus Jakarta Sans', sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-semibold:600;
  --font-weight-bold:    700;

  /* Escala de tamanho */
  --font-size-xs:    12px;  /* timestamps, labels secundários */
  --font-size-sm:    13px;  /* chips, botões pequenos */
  --font-size-body:  15px;  /* corpo de texto, cards */
  --font-size-md:    16px;  /* textos de interface padrão */
  --font-size-lg:    18px;  /* sub-títulos de seção */
  --font-size-xl:    20px;  /* títulos de página (h1 mobile) */
  --font-size-2xl:   24px;  /* títulos de página (h1 desktop) */

  /* Line-heights */
  --line-height-tight:  1.2;
  --line-height-snug:   1.35;
  --line-height-normal: 1.5;

  /* Letter-spacing */
  --tracking-tight:     -0.5px;  /* headers */
  --tracking-normal:     0;
  --tracking-wide:       0.015em; /* nav labels */
}

/* ============================================================
   ESPAÇAMENTO
   ============================================================ */
:root {
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
}

/* ============================================================
   BORDER RADIUS
   ============================================================ */
:root {
  --radius-sm:   4px;   /* badges, tags, indicadores */
  --radius-md:   8px;   /* cards de licitação, inputs */
  --radius-lg:   12px;  /* bottom sheets, modais */
  --radius-xl:   16px;  /* cards grandes */
  --radius-full: 9999px; /* chips, pills, avatares */
}

/* ============================================================
   ALTURAS DE COMPONENTES (Heights)
   ============================================================ */
:root {
  --height-header-mobile:  56px;
  --height-header-desktop: 64px;
  --height-nav-bottom:     64px;
  --height-sidebar:        100vh;
  --height-input:          48px;
  --height-button-sm:      32px;
  --height-button-md:      40px;
  --height-button-lg:      48px;
  --height-chip:           32px;
  --height-notification-item: 72px;
  --height-table-row:      56px;
}

/* ============================================================
   SOMBRAS
   ============================================================ */
:root {
  --shadow-none:   none;
  --shadow-sm:     0 1px 2px rgba(0,0,0,0.05);
  --shadow-md:     0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:     0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl:     0 20px 40px rgba(0,0,0,0.15);
  --shadow-sheet:  0 -2px 20px rgba(0,0,0,0.1); /* bottom sheets */
}

/* ============================================================
   TRANSIÇÕES / ANIMAÇÕES
   ============================================================ */
:root {
  --transition-fast:   150ms ease;
  --transition-normal: 200ms ease;
  --transition-slow:   300ms ease;
}

/* ============================================================
   Z-INDEX
   ============================================================ */
:root {
  --z-base:    0;
  --z-raised:  10;  /* elementos acima do conteúdo */
  --z-header:  20;  /* sticky header */
  --z-nav:     30;  /* bottom nav */
  --z-modal:   40;  /* modais / bottom sheets */
  --z-overlay: 50;  /* overlays de backdrop */
  --z-toast:   60;  /* notificações toast */
}