/* ---------------------------------------------------------------------------
   Tema "Laboratório": claro e frio, verde-água no lugar do lima, Instrument
   Sans no lugar da Bricolage. Só vale com <html data-theme="lab">; sem o
   atributo a página volta para a Bancada.

   O verde-água (#00b39b) não passa contraste como texto sobre fundo claro,
   então ele só preenche (pontos, marcas, badge). Texto em destaque usa
   --accent-text (#007868, 5.4:1 sobre --ground). Botão principal é tinta
   escura com texto branco.
   --------------------------------------------------------------------------- */

@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/instrument-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root[data-theme='lab'] {
  --ground: #f4f7f6;
  --surface: #ffffff;
  --media: #e8eeec;
  --text: #0f1f1c;
  --text-2: #4b5d59;
  --text-3: #2c3c38;
  --line: #dfe7e5;
  --line-strong: rgba(15, 31, 28, 0.22);
  --field-line: #cfdad7;

  --lime-tint: rgba(0, 179, 155, 0.07);
  --lime-line: rgba(0, 179, 155, 0.45);

  --paper: #e6f2ef;
  --paper-2: #ffffff;
  --paper-line: #cfe0db;
  --ink: #0f1f1c;
  --ink-2: #44554f;
  --lime-ink: #007868;

  --accent: #00b39b;
  --accent-text: #007868;
  --accent-glow: transparent;
  --on-accent: #0f1f1c;
  --btn-bg: #0f1f1c;
  --btn-fg: #ffffff;
  --btn-hover: #24403a;
  --header-bg: rgba(244, 247, 246, 0.9);
  --pill-line: rgba(15, 31, 28, 0.14);
  --dashed-line: rgba(15, 31, 28, 0.3);
  --card-line: #dfe7e5;
  --topic-text: #2c3c38;
  --photo-bg: #d7e8e3;
  --placeholder: #7d8f8a;
  --error: #b3261e;

  --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
}

/* Instrument Sans vai até 700; os títulos usavam 800 */
[data-theme='lab'] .hero__title,
[data-theme='lab'] .title,
[data-theme='lab'] .module__title,
[data-theme='lab'] .plan__amount,
[data-theme='lab'] .form__success-title,
[data-theme='lab'] .brand {
  font-weight: 700;
}

[data-theme='lab'] .hero__title {
  letter-spacing: -0.035em;
}

[data-theme='lab'] .title {
  letter-spacing: -0.03em;
}

/* o cartão do kit continua escuro: é o único bloco escuro da página */
[data-theme='lab'] .plan--kit {
  background: var(--ink);
  color: #ffffff;
}

[data-theme='lab'] .plan--course {
  border-color: #cfe0db;
}

[data-theme='lab'] .plan--course .plan__label {
  color: var(--accent-text);
}

[data-theme='lab'] .plan--kit .plan__label,
[data-theme='lab'] .plan--kit .plan__note,
[data-theme='lab'] .plan--kit .kit-option__text {
  color: #a9bdb7;
}

[data-theme='lab'] .plan__tag {
  background: rgba(0, 179, 155, 0.18);
  color: var(--accent);
}

[data-theme='lab'] .plan--course .checklist svg {
  stroke: var(--accent-text);
}

[data-theme='lab'] .kit-options {
  border-top-color: rgba(255, 255, 255, 0.12);
}

[data-theme='lab'] .kit-option {
  background: #1a2b27;
}

[data-theme='lab'] .plan--kit .btn--lime {
  background: var(--accent);
  color: var(--ink);
}

[data-theme='lab'] .plan--kit .btn--lime:hover {
  background: #2cc9b1;
}