/**
 * Variáveis CSS dos design tokens da Rizzo Park.
 *
 * GERADO POR build.mjs — não editar à mão.
 * A fonte é packages/tokens/src/**\/*.json
 */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/poppins-latin-400-normal.woff2') format('woff2'),
       url('./fonts/poppins-latin-400-normal.woff') format('woff');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/poppins-latin-500-normal.woff2') format('woff2'),
       url('./fonts/poppins-latin-500-normal.woff') format('woff');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/poppins-latin-700-normal.woff2') format('woff2'),
       url('./fonts/poppins-latin-700-normal.woff') format('woff');
}

:root {
  --rp-color-brand-default: #02cb03; /* #02cb03, o verde do símbolo. */
  --rp-color-brand-ink: #11340f; /* Texto sobre o verde do símbolo. */
  --rp-color-brand-strong: #005200; /* Marca em texto — assinatura, título institucional. */
  --rp-color-brand-accent: #ffd700; /* Dourado secundário. */
  --rp-color-brand-accent-ink: #1a1200; /* Texto sobre o dourado. */
  --rp-color-surface-page: #f7f7f7; /* Fundo da janela/documento. */
  --rp-color-surface-default: #ffffff; /* Card, painel, linha de tabela. */
  --rp-color-surface-subtle: #f7f7f7; /* Cabeçalho de tabela, zebra, área secundária. */
  --rp-color-surface-sunken: #ededed; /* Poço — campo de busca embutido, área rebaixada. */
  --rp-color-surface-raised: #ffffff; /* Elevado sobre a página — dropdown, popover, modal. */
  --rp-color-surface-inverse: #2b2b2b; /* Fundo escuro para tooltip e barra de contexto. */
  --rp-color-surface-disabled: #ededed;
  --rp-color-surface-selected: #e6ffe4; /* Linha ou item selecionado. */
  --rp-color-surface-scrim: #00000080; /* Véu atrás de modal e gaveta. */
  --rp-color-text-primary: #2b2b2b; /* Corpo e títulos. */
  --rp-color-text-secondary: #5b5b5b; /* Apoio, legenda, descrição de campo. */
  --rp-color-text-placeholder: #747474; /* Placeholder é texto e precisa passar AA. */
  --rp-color-text-disabled: #8f8f8f; /* 3,23:1. */
  --rp-color-text-inverse: #ffffff; /* Sobre surface.inverse. */
  --rp-color-text-link: #006f00; /* 6,41:1. */
  --rp-color-text-link-hover: #005200;
  --rp-color-border-subtle: #dedede; /* Divisor puramente decorativo. */
  --rp-color-border-default: #cacaca; /* Contorno de card e agrupamento. */
  --rp-color-border-strong: #8f8f8f; /* Borda de componente INTERATIVO (input, select, checkbox). */
  --rp-color-border-disabled: #dedede;
  --rp-color-border-focus: #006f00; /* Anel de foco. */
  --rp-color-action-primary-background-default: #006f00; /* 6,41:1 com branco. */
  --rp-color-action-primary-background-hover: #005200; /* 9,52:1 */
  --rp-color-action-primary-background-active: #11340f; /* 13,80:1 */
  --rp-color-action-primary-background-disabled: #dedede;
  --rp-color-action-primary-foreground-default: #ffffff;
  --rp-color-action-primary-foreground-disabled: #8f8f8f;
  --rp-color-action-secondary-background-default: #ededed;
  --rp-color-action-secondary-background-hover: #dedede;
  --rp-color-action-secondary-background-active: #cacaca;
  --rp-color-action-secondary-background-disabled: #f7f7f7;
  --rp-color-action-secondary-foreground-default: #2b2b2b; /* 12,08:1 sobre o fundo em repouso. */
  --rp-color-action-secondary-foreground-disabled: #8f8f8f;
  --rp-color-action-outline-background-default: #ffffff;
  --rp-color-action-outline-background-hover: #ededed;
  --rp-color-action-outline-background-active: #dedede;
  --rp-color-action-outline-background-disabled: #f7f7f7;
  --rp-color-action-outline-foreground-default: #2b2b2b;
  --rp-color-action-outline-foreground-disabled: #8f8f8f;
  --rp-color-action-outline-border-default: #8f8f8f; /* 3,23:1 — o mínimo de componente de interface. */
  --rp-color-action-outline-border-disabled: #dedede;
  --rp-color-action-link-foreground-default: #006f00; /* 6,41:1 */
  --rp-color-action-link-foreground-hover: #005200;
  --rp-color-action-link-foreground-disabled: #8f8f8f;
  --rp-color-action-danger-background-default: #c3423a; /* 5,05:1 com branco. */
  --rp-color-action-danger-background-hover: #9f2b27;
  --rp-color-action-danger-background-active: #771c19;
  --rp-color-action-danger-background-disabled: #dedede;
  --rp-color-action-danger-foreground-default: #ffffff;
  --rp-color-action-danger-foreground-disabled: #8f8f8f;
  --rp-color-action-ghost-background-default: transparent;
  --rp-color-action-ghost-background-hover: #ededed;
  --rp-color-action-ghost-background-active: #dedede;
  --rp-color-action-ghost-background-disabled: transparent;
  --rp-color-action-ghost-foreground-default: #2b2b2b;
  --rp-color-action-ghost-foreground-disabled: #8f8f8f;
  --rp-color-chart-1: #006f00; /* Verde. */
  --rp-color-chart-2: #897300; /* Dourado escuro, 4,65:1. */
  --rp-color-chart-3: #00549a; /* Azul. */
  --rp-color-chart-4: #0e8a7d; /* Teal. */
  --rp-color-chart-5: #c3423a; /* Vermelho. */
  --rp-color-feedback-success-surface: #e6ffe4;
  --rp-color-feedback-success-border: #008e01;
  --rp-color-feedback-success-text: #005200; /* 8,97:1 sobre feedback.success.surface. */
  --rp-color-feedback-success-icon: #006f00;
  --rp-color-feedback-danger-surface: #fff4f2;
  --rp-color-feedback-danger-border: #c3423a;
  --rp-color-feedback-danger-text: #771c19; /* 9,91:1 sobre feedback.danger.surface. */
  --rp-color-feedback-danger-icon: #9f2b27;
  --rp-color-feedback-warning-surface: #fff5e8;
  --rp-color-feedback-warning-border: #9c6900;
  --rp-color-feedback-warning-text: #5b3b00; /* 9,41:1 sobre feedback.warning.surface. */
  --rp-color-feedback-warning-icon: #7b5100;
  --rp-color-feedback-info-surface: #f1f8ff;
  --rp-color-feedback-info-border: #1a77c6;
  --rp-color-feedback-info-text: #004479; /* 9,33:1 sobre feedback.info.surface. */
  --rp-color-feedback-info-icon: #005da2;
  --rp-space-none: 0;
  --rp-space-2xs: 0.25rem; /* 4px — separação entre ícone e rótulo. */
  --rp-space-xs: 0.5rem; /* 8px — dentro de um controle. */
  --rp-space-sm: 0.75rem; /* 12px — entre elementos irmãos próximos. */
  --rp-space-md: 1rem; /* 16px — padrão. */
  --rp-space-lg: 1.5rem; /* 24px — entre grupos. */
  --rp-space-xl: 2rem; /* 32px — entre seções. */
  --rp-space-2xl: 3rem; /* 48px — entre blocos maiores de página. */
  --rp-space-3xl: 4rem; /* 64px — respiro de topo de página. */
  --rp-radius-base: 8px; /* Raio de referência (8px). */
  --rp-radius-control: 6px; /* Botão, input, select, popover e menu. */
  --rp-radius-container: 12px; /* Card. */
  --rp-radius-modal: 8px; /* Diálogo. */
  --rp-radius-pill: 9999px; /* Badge, tag, avatar. */
  --rp-radius-flush: 0px; /* Tabela e listas coladas à borda. */
  --rp-border-width-default: 1px;
  --rp-border-width-strong: 2px; /* Estado de erro e borda enfatizada. */
  --rp-border-focus-width: 2px;
  --rp-border-focus-offset: 4px; /* Afastamento do anel de foco. */
  --rp-size-control-sm: 2rem;
  --rp-size-control-md: 2.25rem;
  --rp-size-control-lg: 2.75rem;
  --rp-size-target-min: 2.75rem; /* Área CLICÁVEL mínima. */
  --rp-size-icon-sm: 1rem;
  --rp-size-icon-md: 1.25rem;
  --rp-size-icon-lg: 1.5rem;
  --rp-elevation-flat: none; /* No plano. */
  --rp-elevation-raised: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); /* Levemente acima do plano. */
  --rp-elevation-floating: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* Destacado do plano. */
  --rp-elevation-overlay: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Sobre todo o conteúdo. */
  --rp-z-index-dropdown: 1000;
  --rp-z-index-sticky: 1100;
  --rp-z-index-overlay: 1200;
  --rp-z-index-modal: 1300;
  --rp-z-index-popover: 1400;
  --rp-z-index-toast: 1500;
  --rp-breakpoint-md: 768px;
  --rp-breakpoint-lg: 1024px;
  --rp-breakpoint-xl: 1280px;
  --rp-typography-family-default: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --rp-typography-family-mono: ui-monospace, SFMono-Regular, 'Cascadia Mono', Consolas, 'Liberation Mono', monospace; /* Números, identificadores e códigos. */
  --rp-typography-heading-page-size: 2rem;
  --rp-typography-heading-page-weight: 700;
  --rp-typography-heading-page-line-height: 1.2;
  --rp-typography-heading-section-size: 1.5rem;
  --rp-typography-heading-section-weight: 700;
  --rp-typography-heading-section-line-height: 1.2;
  --rp-typography-heading-sub-size: 1.25rem;
  --rp-typography-heading-sub-weight: 500;
  --rp-typography-heading-sub-line-height: 1.2;
  --rp-typography-body-lg-size: 1.125rem;
  --rp-typography-body-lg-weight: 400;
  --rp-typography-body-lg-line-height: 1.5;
  --rp-typography-body-md-size: 1rem;
  --rp-typography-body-md-weight: 400;
  --rp-typography-body-md-line-height: 1.5;
  --rp-typography-body-sm-size: 0.875rem;
  --rp-typography-body-sm-weight: 400;
  --rp-typography-body-sm-line-height: 1.5;
  --rp-typography-label-md-size: 0.875rem;
  --rp-typography-label-md-weight: 500;
  --rp-typography-label-md-line-height: 1.5;
  --rp-typography-label-sm-size: 0.75rem;
  --rp-typography-label-sm-weight: 500;
  --rp-typography-label-sm-line-height: 1.5;
  --rp-typography-caption-md-size: 0.75rem;
  --rp-typography-caption-md-weight: 400;
  --rp-typography-caption-md-line-height: 1.5;
  --rp-typography-code-md-size: 0.875rem;
  --rp-typography-code-md-weight: 500;
  --rp-typography-code-md-line-height: 1.5;
}

.dark,
[data-theme='dark'] {
  --rp-color-brand-default: #02cb03;
  --rp-color-brand-ink: #11340f;
  --rp-color-brand-strong: #6eeb66;
  --rp-color-brand-accent: #ffd700;
  --rp-color-brand-accent-ink: #1a1200;
  --rp-color-surface-page: #0a0a0a;
  --rp-color-surface-default: #171717;
  --rp-color-surface-subtle: #2b2b2b;
  --rp-color-surface-sunken: #0a0a0a;
  --rp-color-surface-raised: #2b2b2b;
  --rp-color-surface-inverse: #f7f7f7;
  --rp-color-surface-disabled: #2b2b2b;
  --rp-color-surface-selected: #11340f;
  --rp-color-surface-scrim: #000000b3;
  --rp-color-text-primary: #f7f7f7;
  --rp-color-text-secondary: #a7a7a7;
  --rp-color-text-placeholder: #8f8f8f;
  --rp-color-text-disabled: #747474;
  --rp-color-text-inverse: #0a0a0a;
  --rp-color-text-link: #4cdc46;
  --rp-color-text-link-hover: #6eeb66;
  --rp-color-border-subtle: #424242;
  --rp-color-border-default: #5b5b5b;
  --rp-color-border-strong: #8f8f8f;
  --rp-color-border-disabled: #424242;
  --rp-color-border-focus: #4cdc46;
  --rp-color-action-primary-background-default: #02cb03;
  --rp-color-action-primary-background-hover: #4cdc46;
  --rp-color-action-primary-background-active: #6eeb66;
  --rp-color-action-primary-background-disabled: #424242;
  --rp-color-action-primary-foreground-default: #11340f;
  --rp-color-action-primary-foreground-disabled: #8f8f8f;
  --rp-color-action-secondary-background-default: #2b2b2b;
  --rp-color-action-secondary-background-hover: #424242;
  --rp-color-action-secondary-background-active: #5b5b5b;
  --rp-color-action-secondary-background-disabled: #171717;
  --rp-color-action-secondary-foreground-default: #f7f7f7;
  --rp-color-action-secondary-foreground-disabled: #747474;
  --rp-color-action-outline-background-default: #171717;
  --rp-color-action-outline-background-hover: #2b2b2b;
  --rp-color-action-outline-background-active: #424242;
  --rp-color-action-outline-background-disabled: #171717;
  --rp-color-action-outline-foreground-default: #f7f7f7;
  --rp-color-action-outline-foreground-disabled: #747474;
  --rp-color-action-outline-border-default: #8f8f8f;
  --rp-color-action-outline-border-disabled: #424242;
  --rp-color-action-link-foreground-default: #4cdc46;
  --rp-color-action-link-foreground-hover: #6eeb66;
  --rp-color-action-link-foreground-disabled: #747474;
  --rp-color-action-danger-background-default: #fe796e;
  --rp-color-action-danger-background-hover: #ff9a8e;
  --rp-color-action-danger-background-active: #ffb5ac;
  --rp-color-action-danger-background-disabled: #424242;
  --rp-color-action-danger-foreground-default: #41211d;
  --rp-color-action-danger-foreground-disabled: #8f8f8f;
  --rp-color-action-ghost-background-default: transparent;
  --rp-color-action-ghost-background-hover: #2b2b2b;
  --rp-color-action-ghost-background-active: #424242;
  --rp-color-action-ghost-background-disabled: transparent;
  --rp-color-action-ghost-foreground-default: #f7f7f7;
  --rp-color-action-ghost-foreground-disabled: #747474;
  --rp-color-chart-1: #4cdc46;
  --rp-color-chart-2: #ffd700;
  --rp-color-chart-3: #3d93d6;
  --rp-color-chart-4: #2fb3a3;
  --rp-color-chart-5: #ff9a8e;
  --rp-color-feedback-success-surface: #11340f;
  --rp-color-feedback-success-border: #00ae01;
  --rp-color-feedback-success-text: #6eeb66;
  --rp-color-feedback-success-icon: #4cdc46;
  --rp-color-feedback-danger-surface: #41211d;
  --rp-color-feedback-danger-border: #e45d53;
  --rp-color-feedback-danger-text: #ffb5ac;
  --rp-color-feedback-danger-icon: #ff9a8e;
  --rp-color-feedback-warning-surface: #39280d;
  --rp-color-feedback-warning-border: #bf8100;
  --rp-color-feedback-warning-text: #fdbd5e;
  --rp-color-feedback-warning-icon: #efaa3b;
  --rp-color-feedback-info-surface: #192d41;
  --rp-color-feedback-info-border: #3a93e6;
  --rp-color-feedback-info-text: #a2cfff;
  --rp-color-feedback-info-icon: #80bfff;
}