@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@500;600;700&display=swap');

:root,
:root:not([data-theme=dark]),
[data-theme=light] {
  /* Paleta Lize Edu (lizeedu.com.br) */
  --lize-primary: #EC5D24;
  --lize-primary-alt: #F54A00;
  --lize-primary-dark: #C44A15;
  --lize-primary-light: #FFF7ED;
  --lize-accent-green: #21CD9C;

  --lize-bg: #F9FAFB;
  --lize-surface: #FFFFFF;
  --lize-text: #222222;
  --lize-text-muted: #54595F;
  --lize-text-warm: #5B1F16;
  --lize-border: #EEEEEE;

  --lize-radius: 0.5rem;
  --lize-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.03);
  --lize-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --lize-font-heading: 'Lexend', 'Inter', system-ui, sans-serif;

  /* Pico — sobrescreve tema claro padrão (azul) */
  --pico-font-size: 100%;
  --pico-line-height: 1.5;
  --pico-spacing: 0.875rem;
  --pico-typography-spacing-vertical: 1rem;
  --pico-form-element-spacing-vertical: 0.5rem;
  --pico-form-element-spacing-horizontal: 0.75rem;
  --pico-group-box-shadow: none;
  --pico-sectioning-padding-bottom: 0.75rem;

  --pico-background-color: var(--lize-bg);
  --pico-color: var(--lize-text);
  --pico-muted-color: var(--lize-text-muted);
  --pico-muted-border-color: var(--lize-border);
  --pico-card-background-color: var(--lize-surface);
  --pico-card-sectioning-background-color: #FAFAFA;

  --pico-primary: var(--lize-primary);
  --pico-primary-background: var(--lize-primary);
  --pico-primary-border: var(--lize-primary);
  --pico-primary-inverse: #fff;
  --pico-primary-hover: var(--lize-primary-dark);
  --pico-primary-hover-background: var(--lize-primary-dark);
  --pico-primary-hover-border: var(--lize-primary-dark);
  --pico-primary-focus: rgba(236, 93, 36, 0.35);
  --pico-border-radius: var(--lize-radius);

  --pico-font-family: var(--lize-font-body);
  --pico-font-family-heading: var(--lize-font-heading);
}

html {
  color-scheme: light;
  font-size: 16px;
}

body {
  font-family: var(--lize-font-body);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--lize-text);
  background-color: var(--lize-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--lize-font-heading);
  color: var(--lize-text);
}

button,
[type="submit"],
[type="button"] {
  font-family: var(--lize-font-body);
  font-size: 0.9375rem;
  padding: 0.45rem 0.875rem;
  min-height: unset;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
select,
textarea {
  font-size: 0.9375rem;
  padding: 0.5rem 0.75rem;
  min-height: unset;
}

label {
  font-size: 0.9375rem;
  margin-bottom: 0.25rem;
}

.container {
  max-width: 52rem;
  padding-left: 1rem;
  padding-right: 1rem;
}