/**
 * ARQUIVO GERADO — não edite manualmente.
 * Fonte canônica: octopus-system/workbench/resources/css/app.css
 * Gerador: scripts/sync-octopus-tokens.mjs
 */

/* Geist Variable, auto-hospedada a partir do Octopus System. */
@font-face {
    font-family: 'Geist Variable';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url('../fonts/geist/geist-latin-wght-normal.woff2') format('woff2-variations');
    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;
}

@font-face {
    font-family: 'Geist Variable';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url('../fonts/geist/geist-latin-ext-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Primitivos de cor exportados do @theme Tailwind para CSS nativo. */
:root {
    --color-white: #FFFFFF;
    --color-zinc-50: #F5F5F0;
    --color-zinc-100: #EBEBE5;
    --color-zinc-200: #D8D8D4;
    --color-zinc-300: #C5C5BF;
    --color-zinc-400: #A8A8A0;
    --color-zinc-500: #8A8A82;
    --color-zinc-600: #6A6A65;
    --color-zinc-700: #4B4B48;
    --color-zinc-800: #2C2C2B;
    --color-zinc-900: #0D0D0D;
    --color-zinc-950: #0D0D0D;
    --color-orange-50: #FAFCF3;
    --color-orange-100: #F2F7DE;
    --color-orange-200: #E5F0B2;
    --color-orange-300: #DBEE81;
    --color-orange-400: #D4F053;
    --color-orange-500: #C1E619;
    --color-orange-600: #91AC16;
    --color-orange-700: #667812;
    --color-orange-800: #434E0D;
    --color-orange-900: #282F09;
    --color-orange-950: #282F09;
    --color-purple-50: #EDE4FF;
    --color-purple-100: #D9C0F9;
    --color-purple-200: #B08CD9;
    --color-purple-300: #956EC7;
    --color-purple-400: #7952B3;
    --color-purple-500: #6331A3;
    --color-purple-600: #4A1A8A;
    --color-purple-700: #3E1475;
    --color-purple-800: #2F0E5E;
    --color-purple-900: #240947;
    --color-purple-950: #240947;
    --color-red-50: #FEF0F2;
    --color-red-100: #FCCFD3;
    --color-red-200: #F7979F;
    --color-red-300: #EC515D;
    --color-red-400: #E81728;
    --color-red-500: #BD0F1E;
    --color-red-600: #8A0F19;
    --color-red-700: #590D13;
    --color-red-800: #380A0E;
    --color-red-900: #220709;
    --color-red-950: #220709;
    --color-yellow-50: #FEFAF0;
    --color-yellow-100: #FCEDCF;
    --color-yellow-200: #F7D797;
    --color-yellow-300: #ECB851;
    --color-yellow-400: #E8A217;
    --color-yellow-500: #BD830F;
    --color-yellow-600: #8A610F;
    --color-yellow-700: #59400D;
    --color-yellow-800: #38290A;
    --color-yellow-900: #221907;
    --color-yellow-950: #221907;
    --color-amber-50: #FEFAF0;
    --color-amber-100: #FCEDCF;
    --color-amber-200: #F7D797;
    --color-amber-300: #ECB851;
    --color-amber-400: #E8A217;
    --color-amber-500: #BD830F;
    --color-amber-600: #8A610F;
    --color-amber-700: #59400D;
    --color-amber-800: #38290A;
    --color-amber-900: #221907;
    --color-amber-950: #221907;
    --color-blue-50: #F0F7FE;
    --color-blue-100: #CFE3FC;
    --color-blue-200: #97C2F7;
    --color-blue-300: #5196EC;
    --color-blue-400: #1775E8;
    --color-blue-500: #0F5DBD;
    --color-blue-600: #0F468A;
    --color-blue-700: #0D2F59;
    --color-blue-800: #0A1F38;
    --color-blue-900: #071322;
    --color-blue-950: #071322;
    --color-green-50: #F0FEF8;
    --color-green-100: #CFFCE7;
    --color-green-200: #97F7CA;
    --color-green-300: #51ECA3;
    --color-green-400: #17E886;
    --color-green-500: #0FBD6C;
    --color-green-600: #0F8A51;
    --color-green-700: #0D5936;
    --color-green-800: #0A3823;
    --color-green-900: #072215;
    --color-green-950: #072215;
    --color-accent: #4A1A8A;
    --color-accent-content: #4A1A8A;
    --color-accent-foreground: #F5F5F0;
}

/* Octopus · Dimensão 01 · contrato canônico em modo claro. */
:root {
    --color-accent: #4A1A8A;
    --color-accent-content: #4A1A8A;
    --color-accent-foreground: #F5F5F0;

    --color-bg-base: #F5F5F0;
    --color-bg-surface: #EBEBE5;
    --color-bg-overlay: #F5F5F0;
    --color-bg-sunken: #D8D8D4;
    --color-bg-inverse: #0D0D0D;
    --color-bg-inverse-neutral: #0D0D0D;
    --color-bg-inverse-brand: #2F0E5E;

    --color-text-primary: #0D0D0D;
    --color-text-secondary: #6A6A65;
    --color-text-tertiary: #8A8A82;
    --color-text-disabled: #A8A8A0;
    --color-text-on-action: #F5F5F0;
    --color-text-brand: #4A1A8A;
    --color-text-action: #4A1A8A;
    --color-text-danger: #8A0F19;
    --color-text-warning: #59400D;
    --color-text-success: #0D5936;
    --color-text-on-success-solid: #FFFFFF;
    --color-text-info: #0F5DBD;

    --color-icon-primary: #0D0D0D;
    --color-icon-secondary: #8A8A82;
    --color-icon-on-action: #0D0D0D;
    --color-icon-disabled: #A8A8A0;
    --color-icon-danger: #E81728;
    --color-icon-warning: #8A610F;
    --color-icon-success: #0F8A51;
    --color-icon-info: #1775E8;

    --color-border-subtle: #D8D8D4;
    --color-border-default: #8A8A82;
    --color-border-strong: #6A6A65;
    --color-border-brand: #4A1A8A;
    --color-border-action: #4A1A8A;
    --color-border-danger: #E81728;
    --color-border-warning: #8A610F;
    --color-border-success: #0F8A51;
    --color-border-info: #1775E8;

    --color-focus-ring: #4A1A8A;
    --color-input-active: #4A1A8A;
    --color-input-active-ring: color-mix(in srgb, #4A1A8A 24%, transparent);
    --color-action-primary: #4A1A8A;
    --color-action-primary-hover: #3E1475;
    --color-action-primary-pressed: #2F0E5E;
    --color-action-primary-subtle: #EDE4FF;
    --color-action-primary-disabled-surface: #D8D8D4;
    --color-action-primary-disabled-content: #A8A8A0;

    --color-brand-primary: #4A1A8A;
    --color-brand-primary-strong: #2F0E5E;
    --color-brand-primary-subtle: #EDE4FF;

    --color-feedback-danger-surface: #FCCFD3;
    --color-feedback-danger-content: #8A0F19;
    --color-feedback-danger-icon: #E81728;
    --color-feedback-danger-border: #E81728;
    --color-feedback-warning-surface: #FCEDCF;
    --color-feedback-warning-content: #59400D;
    --color-feedback-warning-icon: #8A610F;
    --color-feedback-warning-border: #8A610F;
    --color-feedback-success-surface: #CFFCE7;
    --color-feedback-success-content: #0D5936;
    --color-feedback-success-icon: #0F8A51;
    --color-feedback-success-border: #0F8A51;
    --color-feedback-info-surface: #CFE3FC;
    --color-feedback-info-content: #0F5DBD;
    --color-feedback-info-icon: #1775E8;
    --color-feedback-info-border: #1775E8;

    --color-site-footer-surface: #2F0E5E;
    --color-site-footer-content: #F5F5F0;
}

/* Tema escuro operacional da documentação. Mantém os papéis Octopus:
   Lima continua Action, Roxo continua Brand/foco e os neutros permanecem quentes. */
.dark {
    --color-accent: #D4F053;
    --color-accent-content: #DBEE81;
    --color-accent-foreground: #0D0D0D;

    --color-bg-base: #0D0D0D;
    --color-bg-surface: #2C2C2B;
    --color-bg-overlay: #4B4B48;
    --color-bg-sunken: #0D0D0D;
    --color-bg-inverse: #F5F5F0;
    --color-bg-inverse-neutral: #F5F5F0;
    --color-bg-inverse-brand: #2F0E5E;

    --color-text-primary: #F5F5F0;
    --color-text-secondary: #C5C5BF;
    --color-text-tertiary: #A8A8A0;
    --color-text-disabled: #6A6A65;
    --color-text-on-action: #0D0D0D;
    --color-text-brand: #D9C0F9;
    --color-text-action: #D9C0F9;
    --color-text-danger: #EC515D;
    --color-text-warning: #ECB851;
    --color-text-success: #51ECA3;
    --color-text-on-success-solid: #FFFFFF;
    --color-text-info: #5196EC;

    --color-icon-primary: #F5F5F0;
    --color-icon-secondary: #A8A8A0;
    --color-icon-on-action: #0D0D0D;
    --color-icon-disabled: #6A6A65;
    --color-icon-danger: #EC515D;
    --color-icon-warning: #ECB851;
    --color-icon-success: #51ECA3;
    --color-icon-info: #5196EC;

    --color-border-subtle: #4B4B48;
    --color-border-default: #8A8A82;
    --color-border-strong: #A8A8A0;
    --color-border-brand: #B08CD9;
    --color-border-action: #B08CD9;
    --color-border-danger: #EC515D;
    --color-border-warning: #ECB851;
    --color-border-success: #51ECA3;
    --color-border-info: #5196EC;

    --color-focus-ring: #B08CD9;
    --color-input-active: #D4F053;
    --color-input-active-ring: color-mix(in srgb, #D4F053 24%, transparent);
    --color-action-primary: #D4F053;
    --color-action-primary-hover: #C1E619;
    --color-action-primary-pressed: #91AC16;
    --color-action-primary-subtle: #282F09;
    --color-action-primary-disabled-surface: #4B4B48;
    --color-action-primary-disabled-content: #8A8A82;

    --color-brand-primary: #B08CD9;
    --color-brand-primary-strong: #7952B3;
    --color-brand-primary-subtle: #2F0E5E;

    --color-feedback-danger-surface: #380A0E;
    --color-feedback-danger-content: #F7979F;
    --color-feedback-danger-icon: #EC515D;
    --color-feedback-danger-border: #EC515D;
    --color-feedback-warning-surface: #38290A;
    --color-feedback-warning-content: #F7D797;
    --color-feedback-warning-icon: #ECB851;
    --color-feedback-warning-border: #ECB851;
    --color-feedback-success-surface: #0A3823;
    --color-feedback-success-content: #97F7CA;
    --color-feedback-success-icon: #51ECA3;
    --color-feedback-success-border: #51ECA3;
    --color-feedback-info-surface: #0A1F38;
    --color-feedback-info-content: #97C2F7;
    --color-feedback-info-icon: #5196EC;
    --color-feedback-info-border: #5196EC;

    --color-site-footer-surface: #2F0E5E;
    --color-site-footer-content: #F5F5F0;
}

/* Contexto de ação neutra: preserva a anatomia e os estados do Button. */
[data-octopus-action-tone="neutral"] {
    --color-action-primary: var(--color-zinc-900);
    --color-action-primary-hover: var(--color-zinc-800);
    --color-action-primary-pressed: var(--color-zinc-700);
    --color-text-on-action: var(--color-zinc-50);
    --color-action-primary-disabled-surface: var(--color-zinc-900);
    --color-action-primary-disabled-content: var(--color-zinc-400);
}

/* Contexto editorial sobre lima 400: somente conteúdo, não variantes de ação. */
[data-octopus-content-surface="lima"] {
    --color-text-primary: var(--color-zinc-900);
    --color-text-secondary: var(--color-zinc-700);
    --color-text-tertiary: var(--color-zinc-700);
    --color-text-action: var(--color-purple-600);
}

/* Compatibilidade temporária com o vocabulário de cores Arrow. */
:root,
.dark {
    --color-surface-base: var(--color-bg-base);
    --color-surface-subtle: var(--color-bg-surface);
    --color-surface-raised: var(--color-bg-surface);
    --color-surface-overlay: var(--color-bg-overlay);
    --color-surface-inverted: var(--color-bg-inverse-neutral);
    --color-surface-inverted-raised: var(--color-bg-inverse-brand);

    --color-content-primary: var(--color-text-primary);
    --color-content-secondary: var(--color-text-secondary);
    --color-content-tertiary: var(--color-text-tertiary);
    --color-content-disabled: var(--color-text-disabled);
    --color-content-inverted: var(--color-text-on-action);
    --color-content-accent: var(--color-text-action);
    --color-content-success: var(--color-text-success);

    --color-border-accent: var(--color-border-action);
    --color-border-error: var(--color-border-danger);

    --color-action-hover: var(--color-action-primary-hover);
    --color-action-pressed: var(--color-action-primary-pressed);
    --color-action-subtle: var(--color-action-primary-subtle);
    --color-action-surface: var(--color-action-primary-subtle);
    --color-action-disabled: var(--color-action-primary-disabled-content);

    --color-state-hover-neutral: var(--color-bg-surface);
    --color-state-hover-accent: var(--color-action-primary-subtle);
    --color-state-hover-error: var(--color-feedback-danger-surface);
    --color-state-disabled-surface: var(--color-action-primary-disabled-surface);
    --color-state-focus-ring: var(--color-focus-ring);
    --color-state-focus-ring-neutral: var(--color-border-strong);
    --color-state-focus-ring-error: var(--color-border-danger);
    --color-state-focus-ring-success: var(--color-border-success);
    --color-state-focus-ring-warning: var(--color-border-warning);

    --color-feedback-error: var(--color-icon-danger);
    --color-feedback-error-surface: var(--color-feedback-danger-surface);
    --color-feedback-error-content: var(--color-feedback-danger-content);
    --color-feedback-error-border: var(--color-feedback-danger-border);
    --color-feedback-error-hover: var(--color-text-danger);
    --color-feedback-success: var(--color-feedback-success-icon);
    --color-feedback-warning: var(--color-feedback-warning-icon);
}

/* Primitivos e contrato semântico da Dimensão 02 · Tipografia. */
:root {
    --font-sans: 'Geist Variable', Geist, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'SF Mono', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.5;
    --text-sm: 0.875rem;
    --text-sm--line-height: 1.6;
    --text-base: 1rem;
    --text-base--line-height: 1.6;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.5;
    --text-xl: 1.375rem;
    --text-xl--line-height: 1.3;
    --text-2xl: 1.75rem;
    --text-2xl--line-height: 1.2;
    --text-3xl: 2.25rem;
    --text-3xl--line-height: 1.15;
    --text-4xl: 3rem;
    --text-4xl--line-height: 1.1;
    --text-5xl: 4rem;
    --text-5xl--line-height: 1.05;
}

:root {
    --type-display-size: 4rem; --type-display-weight: 600; --type-display-leading: 1.05; --type-display-tracking: -0.02em;
    /* Métrica institucional: escala usada em Indicadores em destaque. */
    --type-metric-xl-size: 4.375rem;
    --type-metric-xl-weight: 400;
    --type-metric-xl-line-height: 1.3;
    --type-metric-xl-tracking: -0.04em;
    --type-heading-1-size: 2.25rem; --type-heading-1-weight: 600; --type-heading-1-leading: 1.15; --type-heading-1-tracking: -0.01em;
    --type-heading-2-size: 1.75rem; --type-heading-2-weight: 600; --type-heading-2-leading: 1.2; --type-heading-2-tracking: -0.005em;
    --type-heading-3-size: 1.375rem; --type-heading-3-weight: 600; --type-heading-3-leading: 1.3; --type-heading-3-tracking: 0;
    --type-body-lead-size: 1.125rem; --type-body-lead-weight: 400; --type-body-lead-leading: 1.5;
    --type-body-size: 1rem; --type-body-weight: 400; --type-body-leading: 1.6;
    --type-body-secondary-size: 0.875rem; --type-body-secondary-weight: 400; --type-body-secondary-leading: 1.6;
    --type-caption-size: 0.75rem; --type-caption-weight: 400; --type-caption-leading: 1.5; --type-caption-tracking: 0.01em;
    --type-overline-size: 0.75rem; --type-overline-weight: 500; --type-overline-leading: 1.5; --type-overline-tracking: 0.12em;
    --type-label-size: 0.875rem; --type-label-weight: 500; --type-label-leading: 1.4; --type-label-tracking: 0.02em;
    --type-action-size: 1rem; --type-action-weight: 600; --type-action-leading: 1;
    --type-emphasis-weight: 700;
}

/* Compatibilidade temporária com o vocabulário tipográfico Arrow. */
:root {
    --font-family-base: var(--font-sans);
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: var(--type-emphasis-weight);

    --type-display-2xl-size: var(--type-display-size);
    --type-display-2xl-weight: var(--type-display-weight);
    --type-display-2xl-line-height: var(--type-display-leading);
    --type-display-2xl-tracking: var(--type-display-tracking);
    --type-display-xl-size: var(--text-4xl);
    --type-display-xl-weight: var(--type-display-weight);
    --type-display-xl-line-height: var(--text-4xl--line-height);
    --type-display-xl-tracking: var(--type-display-tracking);
    --type-display-lg-size: var(--type-heading-1-size);
    --type-display-lg-weight: var(--type-heading-1-weight);
    --type-display-lg-line-height: var(--type-heading-1-leading);
    --type-display-lg-tracking: var(--type-heading-1-tracking);
    --type-display-md-size: var(--type-heading-2-size);

    --type-heading-xl-size: var(--type-heading-2-size);
    --type-heading-xl-weight: var(--type-heading-2-weight);
    --type-heading-xl-line-height: var(--type-heading-2-leading);
    --type-heading-xl-tracking: var(--type-heading-2-tracking);
    --type-heading-lg-size: var(--type-heading-3-size);
    --type-heading-lg-weight: var(--type-heading-3-weight);
    --type-heading-lg-line-height: var(--type-heading-3-leading);
    --type-heading-lg-tracking: var(--type-heading-3-tracking);
    --type-heading-md-size: var(--type-body-lead-size);
    --type-heading-md-weight: 600;
    --type-heading-md-line-height: var(--type-body-lead-leading);
    --type-heading-md-tracking: 0;
    --type-heading-sm-size: var(--type-body-size);
    --type-heading-sm-weight: 600;
    --type-heading-sm-line-height: var(--type-body-leading);
    --type-heading-sm-tracking: 0;

    --type-body-lg-size: var(--type-body-lead-size);
    --type-body-lg-weight: var(--type-body-lead-weight);
    --type-body-lg-line-height: var(--type-body-lead-leading);
    --type-body-lg-tracking: 0;
    --type-body-md-size: var(--type-body-size);
    --type-body-md-weight: var(--type-body-weight);
    --type-body-md-line-height: var(--type-body-leading);
    --type-body-md-tracking: 0;
    --type-body-sm-size: var(--type-body-secondary-size);
    --type-body-sm-weight: var(--type-body-secondary-weight);
    --type-body-sm-line-height: var(--type-body-secondary-leading);
    --type-body-sm-tracking: 0;
    --type-body-xs-size: var(--type-caption-size);
    --type-body-xs-weight: var(--type-caption-weight);
    --type-body-xs-line-height: var(--type-caption-leading);
    --type-body-xs-tracking: var(--type-caption-tracking);

    --type-label-lg-size: var(--type-label-size);
    --type-label-lg-weight: var(--type-label-weight);
    --type-label-lg-line-height: var(--type-label-leading);
    --type-label-lg-tracking: var(--type-label-tracking);
    --type-label-md-size: var(--type-caption-size);
    --type-label-md-weight: var(--type-label-weight);
    --type-label-md-line-height: var(--type-caption-leading);
    --type-label-md-tracking: var(--type-caption-tracking);
    --type-label-sm-size: var(--type-caption-size);
    --type-title-sm-size: var(--type-heading-3-size);
    --type-title-sm-line-height: var(--type-heading-3-leading);
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--font-sans);
}

/* Fundamentos consumidos por componentes WordPress oficiais do Octopus. */
:root {
    --primitive-space-100: 0.5rem;
    --primitive-space-200: 1rem;
    --primitive-space-300: 1.5rem;
    --space-component-xs: var(--primitive-space-100);
    --space-component-sm: var(--primitive-space-200);
    --space-component-md: var(--space-component-sm);
    --space-component-lg: var(--space-component-sm);
    --space-component-xl: var(--space-layout-xs);
    --control-height-sm: 2rem;
    --control-height-md: 2.5rem;
    --control-height-lg: 3rem;
    --shape-radius-tag: 0.375rem;
    --shape-radius-component: 0.625rem;
    --elevation-raised: 0 1px 3px rgb(0 0 0 / 8%);
    --motion-duration-fast: 120ms;
    --motion-duration-base: 250ms;
    --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
}