/* ============================================================
   SOAPerando — Design System "Crystal Clínico"
   Tokens prontos para uso. Importe este arquivo uma única vez
   e consuma SEMPRE via var(--token). Nenhuma cor hardcoded.
   ============================================================ */

:root {
  /* ---- Tipografia ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", system-ui, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* ---- Primary: Teal Clínico (a marca é --p600, NÃO verde) ---- */
  --p50:#ECFBF9; --p100:#CFF3F0; --p200:#A2E6E1; --p300:#6FD2CC; --p400:#3DB3AD;
  --p500:#1C938D; --p600:#0F6E6C; --p700:#0B5755; --p800:#0A4544; --p900:#093736;
  --brand: var(--p600);

  /* ---- Acentos translúcidos iOS (usar a 12–18% sobre vidro; nunca em texto clínico) ---- */
  --a-blue:#0A84FF; --a-indigo:#5E5CE6; --a-mint:#30D5C8; --a-green:#34C759;
  --a-amber:#FF9F0A; --a-pink:#FF375F; --a-purple:#BF5AF2;

  /* ---- Neutros (frios) ---- */
  --bg:#E9EFF0; --surface:#FFFFFF; --surface-2:#F5F8F8;
  --border:#DCE4E5; --hairline:rgba(13,30,33,.08);
  --text:#0F171A; --text-2:#4B565D; --text-3:#838E95;

  /* ---- Semântica ---- */
  --success:#15803D;     --success-bg:#E9FBF0;
  --routine:#B45309;     --routine-bg:#FFF8EC; --routine-border:#F4D58A;
  --error-tech:#6D28D9;  --error-tech-bg:#F3F0FE;   /* erro de SISTEMA/bug = violeta */
  --critical:#C11414;    --critical-strong:#991B1B; --on-critical:#FFFFFF; /* RISCO CLÍNICO = vermelho sólido */

  /* ---- Vidro Crystal (sempre: backdrop-filter: blur() saturate(180%) + highlight inset 0 1px 0 --g-spec) ---- */
  --g-thin-bg:rgba(255,255,255,.50);  --g-thin-bd:rgba(255,255,255,.70);  --g-thin-blur:14px;
  --g-reg-bg:rgba(255,255,255,.64);   --g-reg-bd:rgba(255,255,255,.75);   --g-reg-blur:20px;
  --g-thick-bg:rgba(255,255,255,.78); --g-thick-bd:rgba(255,255,255,.82); --g-thick-blur:28px;
  --g-spec:rgba(255,255,255,.85);
  --g-shadow:0 1px 2px rgba(13,30,33,.05), 0 18px 44px -14px rgba(13,30,33,.20);

  /* ---- Raio ---- */
  --r-btn:14px; --r-badge:10px; --r-card:18px; --r-modal:28px; --r-pill:999px; --r-critical:0px;

  /* ---- Elevação ---- */
  --sh-pop:0 8px 26px -8px rgba(13,30,33,.26);
  --sh-modal:0 32px 70px -18px rgba(13,30,33,.40);

  /* ---- Motion (calmo, curto, sem bounce; crítico é instantâneo) ---- */
  --ease:cubic-bezier(.2,.7,.3,1);

  /* ---- Gradientes de marca ---- */
  --grad-brand: linear-gradient(100deg, var(--p700), var(--p500));
  --grad-header: linear-gradient(110deg, #093736 0%, #0B5755 55%, #0F6E6C 100%);
}

/* Tema escuro — usa blur MENOR de propósito (plantão noturno cansa menos a vista) */
[data-theme="dark"] {
  --bg:#0A0F11; --surface:#141A1D; --surface-2:#0F1518;
  --border:#26302F; --hairline:rgba(255,255,255,.08);
  --text:#EBF1F1; --text-2:#9AA6AC; --text-3:#69747A;
  --success-bg:rgba(52,199,89,.12); --routine-bg:rgba(255,159,10,.12);
  --routine-border:rgba(255,159,10,.34); --error-tech-bg:rgba(94,92,230,.14);
  --g-thin-bg:rgba(255,255,255,.05);  --g-thin-blur:9px;
  --g-reg-bg:rgba(255,255,255,.08);   --g-reg-blur:13px;
  --g-thick-bg:rgba(255,255,255,.12); --g-thick-blur:17px;
  --g-spec:rgba(255,255,255,.14);
  --g-shadow:0 1px 2px rgba(0,0,0,.4), 0 22px 50px -16px rgba(0,0,0,.6);
}

/* ============================================================
   Escala tipográfica de referência:
   Display 34/800 (-.025em) · H1 22/700 · H2 18/600
   Corpo 16/1.6 · Caption 12/600 uppercase +.05em · Mono 14 (transcrição)
   ============================================================ */
</content>