/*
  Tokens - fundação visual da Gestão Integrada.

  Único arquivo com valores hexadecimais literais. Qualquer nova cor deve
  nascer aqui como variável semântica e ser consumida pelos demais arquivos.

  Breakpoints únicos usados em toda a aplicação (documentados aqui, não há
  variável de mídia em CSS puro): 640px, 960px, 1200px.
    - >=1200px  : layout completo (sidebar 256px).
    - 960-1200px: sidebar em modo trilho (64px, só ícones).
    - <960px    : sidebar vira gaveta com véu.
    - <640px    : celular, colunas empilhadas, grades 1 coluna.
*/

@layer tokens, base, shell, components, pages;

:root {
  color-scheme: light;

  /* Marca */
  --ink: #001e1c;
  --ink-contrast: #eafffc;
  --brand: #19d8c5;
  --brand-strong: #43e5d5;
  --brand-ink: #0f8f83;

  /* Superfícies com viés teal */
  --canvas: #f4f7f6;
  --surface: #fff;
  --surface-soft: #eef3f2;
  --line: #dce5e3;
  --line-2: #c3d2cf;

  /* Texto */
  --text: #152422;
  --text-2: #3f524f;
  --muted: #647572;

  /* Escala semântica (par texto + fundo -soft) */
  --success: #1f8a5b;
  --success-soft: #dcf3e7;
  --warning: #b45309;
  --warning-soft: #fdecd3;
  --danger: #b3261e;
  --danger-soft: #fbdede;
  --info: #1d4ed8;
  --info-soft: #dde6fd;
  --neutral: #5b6b68;
  --neutral-soft: #e7edec;

  /* Agenda: origem e vinculo do compromisso */
  --agenda-event-bg: #dde6fd;
  --agenda-event-border: #1d4ed8;
  --agenda-event-text: #152422;
  --agenda-linked-bg: #d7f5f0;
  --agenda-linked-border: #0f8f83;
  --agenda-linked-text: #073330;
  --agenda-all-day-bg: #e7edec;
  --agenda-all-day-border: #5b6b68;
  --agenda-all-day-text: #152422;
  --agenda-event-selected: #0f8f83;

  /* Tipografia */
  --font-heading: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Instrument Sans', 'Segoe UI', system-ui, sans-serif;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;

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

  /* Raio */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;

  /* Elevação: 0 = borda sem sombra; 1 = leve (popover, gaveta); 2 = modal */
  --shadow-1: 0 12px 32px rgba(0, 30, 28, .1);
  --shadow-2: 0 30px 80px rgba(0, 30, 28, .3);

  /* Constantes visuais que não mudam entre claro/escuro (sidebar, hero, gravação, ícone Gemini) */
  --white: #fff;
  --sidebar-muted: #a9d4d0;
  --sidebar-muted-2: #73a29e;
  --sidebar-text: #b9d7d4;
  --sidebar-icon: #86b6b2;
  --sidebar-row-active: #0d4642;
  --sidebar-line: #174c48;
  --sidebar-footer-text: #8db4b0;
  --hero-grad-1: #002f2c;
  --hero-grad-2: #00675f;
  --hero-pill-text: #7cf3e7;
  --rec-border: #e05252;
  --rec-text: #a82020;
  --rec-bg: #ffe5e5;
  --rec-dot: #df3131;
  --gemini-grad-1: #79a7ff;
  --gemini-grad-2: #c29cff;
}

[data-theme="dark"] {
  color-scheme: dark;

  --ink: #041a18;
  --ink-contrast: #eafffc;
  --brand: #19d8c5;
  --brand-strong: #43e5d5;
  --brand-ink: #7ce9dd;

  --canvas: #001e1c;
  --surface: #073330;
  --surface-soft: #0b4540;
  --line: #17625b;
  --line-2: #1f7a72;

  --text: #f2fffd;
  --text-2: #cdeae6;
  --muted: #a9d1cd;

  --success: #6fe3ac;
  --success-soft: #0f3b2a;
  --warning: #f2b566;
  --warning-soft: #4a3212;
  --danger: #f2a19c;
  --danger-soft: #4a1f1c;
  --info: #9db6fb;
  --info-soft: #1b2c57;
  --neutral: #b9c9c6;
  --neutral-soft: #103a36;

  --agenda-event-bg: #1b2c57;
  --agenda-event-border: #9db6fb;
  --agenda-event-text: #f2fffd;
  --agenda-linked-bg: #0b5f58;
  --agenda-linked-border: #43e5d5;
  --agenda-linked-text: #eafffc;
  --agenda-all-day-bg: #103a36;
  --agenda-all-day-border: #b9c9c6;
  --agenda-all-day-text: #f2fffd;
  --agenda-event-selected: #19d8c5;

  --shadow-1: 0 12px 32px rgba(0, 0, 0, .3);
  --shadow-2: 0 30px 80px rgba(0, 0, 0, .5);
}