/*!
 * ═══════════════════════════════════════════════════════════════════════════════
 *  ROWER DESIGN SYSTEM — TOKENS
 *  VENDORIZADO. GERADO NA ORIGEM. NÃO EDITE ESTE ARQUIVO.
 * ═══════════════════════════════════════════════════════════════════════════════
 *
 *  Origem    RWEngenharia/design-system
 *  Commit    15264be4c98c0e2a080acd7955d6b185f628b482  (2026-09-09)
 *  Versão    rower-design-system 3.125.0
 *  Caminho   src/generated/tokens.css
 *  sha256    3b1de972edf480376200b4a52cf81023ebee839f1f9bb350932366a79051353f
 *  Copiado   2026-09-10  (etapa D1 do PLANO-DESIGN-SYSTEM-GONOGO-20260910.md)
 *
 *  POR QUE VENDORIZADO, E NÃO INSTALADO
 *  O pacote @rwengenharia/ds é privado no GitHub Packages, e o frontend do GONOGO
 *  não tem build nem npm (buildCommand: null; HTML servido estático pela CDN).
 *  Copiar é a única rota que não introduz bundler nem credencial de registry na
 *  esteira. O custo é drift, e o antídoto é este cabeçalho: para saber se
 *  envelheceu, compare o sha256 acima com o do arquivo na origem.
 *
 *  COMO ATUALIZAR
 *    1. git clone --depth 1 https://github.com/RWEngenharia/design-system
 *    2. copiar src/generated/tokens.css para cá
 *    3. atualizar commit, versão e sha256 deste cabeçalho
 *    4. node server/smoke-staging.js   (T36 confere que a proveniência não sumiu)
 *
 *  A REGRA QUE ISTO EXISTE PARA SUSTENTAR
 *  Nenhum literal de estilo no produto: cor, tamanho de fonte, espaçamento, raio e
 *  duração vêm de var(--ds-*). Faltou um valor? Use o degrau vizinho e registre a
 *  pendência — mudar a escala é decisão de design, e acontece no repositório do DS.
 */
/*
 * GENERATED by scripts/ds-manifest.mjs from src/tokens/. DO NOT EDIT.
 *
 * This is what makes the CSS Module path work without a literal:
 *
 *     .root { padding: var(--ds-sp-5); transition: var(--ds-motion-micro); }
 *
 * The names follow document 17 §01: a component consumes the semantic
 * layer (`--ds-bg-surface`, `--ds-text-primary`), never a primitive
 * (`--ds-teal-700`). The primitives are emitted only to feed the layer.
 *
 * Breakpoints deliberately do not become variables — `@media` cannot read
 * a custom property. Use `media` from `@rwengenharia/ds/tokens`.
 */
:root {
    color-scheme: light;

    /* Primitives — a component never references one of these directly */
    --ds-teal-50: #EDFCFD;
    --ds-teal-100: #E4F3F4;
    --ds-teal-200: #CBE8EA;
    --ds-teal-300: #A7D3D6;
    --ds-teal-400: #62B6BC;
    --ds-teal-500: #329CA3;
    --ds-teal-600: #0A858C;
    --ds-teal-700: #016C72;
    --ds-teal-800: #135054;
    --ds-teal-900: #09373A;
    --ds-gray-50: #F7F9F9;
    --ds-gray-100: #F1F4F4;
    --ds-gray-200: #DCE4E4;
    --ds-gray-300: #C2D6D6;
    --ds-gray-400: #8A9494;
    --ds-gray-500: #6B7676;
    --ds-gray-600: #4A5555;
    --ds-gray-700: #3D4C4C;
    --ds-gray-900: #111C1C;
    --ds-ink-400: #417F84;
    --ds-ink-500: #28565B;
    --ds-ink-600: #1D4449;
    --ds-ink-700: #16383C;
    --ds-ink-800: #102C30;
    --ds-ink-900: #0B2225;
    --ds-green-100: #E3F1E9;
    --ds-green-200: #C0DFCD;
    --ds-green-600: #236A42;
    --ds-green-700: #1B5233;
    --ds-amber-100: #FFF6DE;
    --ds-amber-200: #EBD79C;
    --ds-amber-500: #D8A200;
    --ds-amber-700: #8A6500;
    --ds-amber-800: #6E5100;
    --ds-red-100: #FCE9E6;
    --ds-red-200: #F2C9C3;
    --ds-red-600: #A33A2E;
    --ds-red-800: #8C2F24;
    --ds-red-900: #6D251C;
    --ds-blue-100: #E4EEF5;
    --ds-blue-200: #C2D9E7;
    --ds-blue-600: #2A6F97;
    --ds-blue-800: #1B5478;
    --ds-white: #FFFFFF;
    --ds-black: #000000;

    /* Background */
    --ds-bg-canvas: #F7F9F9;
    --ds-bg-surface: #FFFFFF;
    --ds-bg-high-contrast: #000000;
    --ds-bg-elevated: #FFFFFF;
    --ds-bg-overlay: rgba(19, 80, 84, 0.85);
    --ds-bg-subtle: #F1F4F4;
    --ds-bg-inverse: #016C72;
    --ds-bg-stage: #3B4448;
    --ds-bg-cockpit: #041215;
    --ds-bg-cockpit-panel: #031D1F;

    /* Over dark — the layer on `bg.stage`, `bg.cockpit` and `bg.cockpitPanel` */
    --ds-over-dark-fill: rgba(255, 255, 255, 0.12);
    --ds-over-dark-fill-strong: rgba(255, 255, 255, 0.20);
    --ds-over-dark-hairline: rgba(255, 255, 255, 0.40);

    /* Over brand — the layer on `brand.primary` */
    --ds-over-brand-fill: rgba(255, 255, 255, 0.08);
    --ds-over-brand-fill-strong: rgba(255, 255, 255, 0.14);
    --ds-over-brand-hairline: rgba(255, 255, 255, 0.56);

    /* Over media — the translucent bed a panel stands on when the ground is a map or a frame */
    --ds-over-media-panel: rgba(4, 18, 21, 0.78);
    --ds-over-media-label: rgba(4, 18, 21, 0.7);
    --ds-over-media-label-quiet: rgba(4, 18, 21, 0.65);
    --ds-over-media-panel-light: rgba(255, 255, 255, 0.88);
    --ds-over-media-panel-light-solid: rgba(255, 255, 255, 0.96);
    --ds-over-media-hairline: rgba(255, 255, 255, 0.40);

    /* Border */
    --ds-border-default: #DCE4E4;
    --ds-border-strong: #C2D6D6;
    --ds-border-focus: #01575C;

    /* Text */
    --ds-text-primary: #111C1C;
    --ds-text-secondary: #3D4C4C;
    --ds-text-tertiary: #4A5555;
    --ds-text-disabled: #8A9494;
    --ds-text-inverse: #FFFFFF;
    --ds-text-inverse-soft: #E4F3F4;
    --ds-text-stage-soft: #C8CBCC;
    --ds-text-brand: #016C72;

    /* Brand — the tenant sends only `primary`; the other five are generated */
    --ds-brand-primary: #016C72;
    --ds-brand-hover: #015459;
    --ds-brand-on-primary: #FFFFFF;
    --ds-brand-on-primary-quiet: #8DBDC0;
    --ds-brand-subtle: #E6F0F1;
    --ds-brand-pressed: #CBE8EA;
    --ds-brand-on-subtle: #016C72;
    --ds-brand-text: #016C72;

    /* State — the five semantic tones */
    --ds-success-text: #1B5233;
    --ds-success-bg: #E3F1E9;
    --ds-success-border: #C0DFCD;
    --ds-success-solid: #1B5233;
    --ds-success-on-solid: #FFFFFF;
    --ds-warning-text: #6E5100;
    --ds-warning-bg: #FFF6DE;
    --ds-warning-border: #EBD79C;
    --ds-warning-dot: #8A6500;
    --ds-warning-solid: #6E5100;
    --ds-warning-on-solid: #FFFFFF;
    --ds-critical-text: #8C2F24;
    --ds-critical-bg: #FCE9E6;
    --ds-critical-border: #F2C9C3;
    --ds-critical-hover: #6D251C;
    --ds-critical-solid: #8C2F24;
    --ds-critical-on-solid: #FFFFFF;
    --ds-info-text: #1B5478;
    --ds-info-bg: #E4EEF5;
    --ds-info-border: #C2D9E7;
    --ds-info-solid: #1B5478;
    --ds-info-on-solid: #FFFFFF;
    --ds-neutral-text: #3D4C4C;
    --ds-neutral-bg: #F1F4F4;
    --ds-neutral-border: #DCE4E4;
    --ds-neutral-solid: #3D4C4C;
    --ds-neutral-on-solid: #FFFFFF;

    /* Accent — identidade que não é estado nem marca */
    --ds-accent-trail-text: #135054;
    --ds-accent-trail-text-soft: #016C72;
    --ds-accent-trail-accent: #0A858C;
    --ds-accent-trail-bg: #E4F3F4;
    --ds-accent-trail-border: #CBE8EA;
    --ds-accent-metric-text: #016C72;
    --ds-accent-metric-text-soft: #0A858C;
    --ds-accent-metric-hover: #135054;
    --ds-accent-metric-bg: #F1F4F4;
    --ds-accent-metric-border: #CBE8EA;
    --ds-accent-gold-text: #8A5A00;
    --ds-accent-gold-main: #ECB733;
    --ds-accent-gold-hover: #D1A121;
    --ds-accent-gold-soft: #F9B115;
    --ds-accent-gold-softer: #F7D774;

    /* Chart series — the order is mandatory */
    --ds-chart-1: #016C72;
    --ds-chart-2: #50959A;
    --ds-chart-3: #B18500;
    --ds-chart-4: #2A6F97;
    --ds-chart-5: #A33A2E;
    --ds-chart-6: #6B7676;
    --ds-chart-seq-1: #09373A;
    --ds-chart-seq-2: #08494D;
    --ds-chart-seq-3: #055B60;
    --ds-chart-seq-4: #016C72;
    --ds-chart-seq-5: #208A91;
    --ds-chart-seq-6: #50A6AC;
    --ds-chart-seq-7: #7AC1C6;
    --ds-chart-seq-8: #A5DDE1;
    --ds-chart-seq-9: #CBE8EA;
    --ds-chart-seq-10: #E4F3F4;

    /* Map — a paleta cartográfica */
    --ds-map-flight-in-flight: #7F7F7F;
    --ds-map-flight-approved: #5B9C5C;
    --ds-map-flight-concluded: #4F96D9;
    --ds-map-flight-cancelled: #FE1000;
    --ds-map-flight-delayed: #F5AB35;
    --ds-map-flight-aborted: #E62B1E;
    --ds-map-flight-pending: #F5D742;
    --ds-map-flight-awaiting-sarpas: #F39C12;
    --ds-map-flight-denied-sarpas: #C0392B;
    --ds-map-flight-awaiting-escort: #FA8C16;
    --ds-map-flight-unknown: #808080;
    --ds-map-overlay-nfz: #D9534F;
    --ds-map-overlay-aerodrome: #B39DDB;
    --ds-map-overlay-aerodrome-stroke: #673AB7;
    --ds-map-overlay-decea: #0891B2;
    --ds-map-overlay-decea-stroke: #155E75;
    --ds-map-overlay-sarpas: #16A34A;
    --ds-map-overlay-sarpas-stroke: #15803D;
    --ds-map-overlay-ica: #D97706;
    --ds-map-overlay-ica-stroke: #B45309;
    --ds-map-overlay-cavok: #FF0000;
    --ds-map-overlay-detection: #0AC5CF;
    --ds-map-overlay-poi: #124C9A;
    --ds-map-overlay-poi-soft: #29507D;
    --ds-map-aircraft-in-progress: #F39C12;
    --ds-map-aircraft-idle: #3DD5F3;
    --ds-map-aircraft-soft: #F7D774;
    --ds-map-aircraft-track-start: #2ECC71;
    --ds-map-aircraft-track-end: #E74C3C;
    --ds-map-aircraft-track-remaining: #F7D774;
    --ds-map-label-ink: #000000;
    --ds-map-label-halo: #FFFFFF;
    --ds-map-label-ink-on-dark: #F5FBFF;
    --ds-map-label-soft-on-dark: #F7FBFD;
    --ds-map-nav-dark-blue: #00008B;
    --ds-map-nav-sky-blue: #1E90FF;
    --ds-map-dark-canvas-brand: #5CA1A5;
    --ds-map-dark-canvas-critical: #FF4D4F;
    --ds-map-action-draw-rest: #0275D8;
    --ds-map-action-draw-hover: #0266C2;
    --ds-map-action-drawing-rest: #D9534F;
    --ds-map-action-drawing-hover: #C9302C;
    --ds-map-action-kml-rest: #5BC0DE;
    --ds-map-action-kml-hover: #46B8DA;
    --ds-map-action-area-rest: #FF9800;
    --ds-map-action-area-hover: #F57C00;

    /* Typography */
    --ds-font-family-display: 'Manrope', system-ui, sans-serif;
    --ds-font-family-ui: 'Figtree', system-ui, sans-serif;
    --ds-font-family-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --ds-font-weight-regular: 400;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-bold: 700;
    --ds-font-weight-extrabold: 800;
    --ds-text-display-size: 32px;
    --ds-text-display-line: 1.15;
    --ds-text-display-weight: 700;
    --ds-text-h1-size: 24px;
    --ds-text-h1-line: 1.25;
    --ds-text-h1-weight: 700;
    --ds-text-h2-size: 20px;
    --ds-text-h2-line: 1.3;
    --ds-text-h2-weight: 700;
    --ds-text-h3-size: 16px;
    --ds-text-h3-line: 1.4;
    --ds-text-h3-weight: 600;
    --ds-text-body-lg-size: 15px;
    --ds-text-body-lg-line: 1.6;
    --ds-text-body-lg-weight: 400;
    --ds-text-body-size: 14px;
    --ds-text-body-line: 1.55;
    --ds-text-body-weight: 400;
    --ds-text-body-sm-size: 13px;
    --ds-text-body-sm-line: 1.5;
    --ds-text-body-sm-weight: 400;
    --ds-text-label-size: 12px;
    --ds-text-label-line: 1.4;
    --ds-text-label-weight: 600;
    --ds-text-caption-size: 11px;
    --ds-text-caption-line: 1.4;
    --ds-text-caption-weight: 500;
    --ds-text-data-size: 13px;
    --ds-text-data-line: 1.4;
    --ds-text-data-weight: 500;
    --ds-text-data-lg-size: 20px;
    --ds-text-data-lg-line: 1.3;
    --ds-text-data-lg-weight: 500;
    --ds-text-data-xl-size: 24px;
    --ds-text-data-xl-line: 1.25;
    --ds-text-data-xl-weight: 500;
    --ds-text-overline-size: 11px;
    --ds-text-overline-line: 1.4;
    --ds-text-overline-weight: 600;

    /* Spacing, radius and elevation */
    --ds-sp-1: 4px;
    --ds-sp-2: 8px;
    --ds-sp-3: 12px;
    --ds-sp-4: 16px;
    --ds-sp-5: 20px;
    --ds-sp-6: 24px;
    --ds-sp-8: 32px;
    --ds-sp-10: 40px;
    --ds-sp-12: 48px;
    --ds-sp-16: 64px;
    --ds-radius-none: 0px;
    --ds-radius-sm: 4px;
    --ds-radius-md: 8px;
    --ds-radius-full: 999px;
    --ds-shadow-1: 0 1px 2px rgba(17, 28, 28, 0.06);
    --ds-shadow-2: 0 4px 12px rgba(17, 28, 28, 0.10);
    --ds-scrim: rgba(17, 28, 28, 0.32);

    /* Density — the measurements every screen is built from */
    --ds-row-height: 52px;
    --ds-row-height-compact: 32px;
    --ds-row-height-touch: 48px;
    --ds-control-height: 36px;
    --ds-control-height-sm: 28px;
    --ds-control-height-touch: 44px;
    --ds-control-font-size-touch: 16px;
    --ds-pill-height: 22px;
    --ds-dot-size: 6px;
    --ds-row-marker-width: 3px;
    --ds-filter-bar-height: 56px;
    --ds-top-bar-height: 65px;
    --ds-bottom-nav-height: 56px;
    --ds-sidebar-width: 280px;
    --ds-sidebar-width-collapsed: 64px;
    --ds-search-width: 256px;
    --ds-chart-height: 260px;
    --ds-chart-height-compact: 180px;
    --ds-chart-height-expanded: 340px;
    --ds-content-max: 1280px;
    --ds-prose-measure: 68chpx;
    --ds-page-x: 24px;
    --ds-grid-gutter: 20px;
    --ds-col-date: 112px;
    --ds-col-datetime: 168px;
    --ds-col-status: 192px;
    --ds-col-status-touch: 168px;
    --ds-col-actions: 88px;
    --ds-col-actions-two: 100px;
    --ds-col-actions-three: 140px;
    --ds-col-identifier: 176px;
    --ds-col-identifier-touch: 144px;
    --ds-col-text-min: 160px;
    --ds-col-number-min: 88px;
    --ds-affordance-size: 28px;
    --ds-affordance-size-touch: 44px;
    --ds-affordance-in-pill: 22px;
    --ds-affordance-icon: 16px;

    /* Stacking — the package layers; everything portalled is Ant Design's and unnamed */
    --ds-z-base: 0;
    --ds-z-sticky: 100;
    --ds-z-chrome: 200;
    --ds-z-raised: 300;
    --ds-z-full-screen: 2200;

    /* Icon */
    --ds-icon-sm: 16px;
    --ds-icon-md: 20px;
    --ds-icon-lg: 24px;
    --ds-icon-stroke: 1.5;

    /* Motion — the value ready for `transition` */
    --ds-dur-fast: 120ms;
    --ds-dur-base: 200ms;
    --ds-dur-slow: 280ms;
    --ds-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ds-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ds-motion-micro: 120ms cubic-bezier(0.2, 0.8, 0.2, 1);
    --ds-motion-overlay: 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
    --ds-motion-panel: 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
    --ds-motion-panel-exit: 280ms cubic-bezier(0.4, 0, 1, 1);
}

[data-ds-theme='dark'] {
    color-scheme: dark;

    /* Background */
    --ds-bg-canvas: #0B2225;
    --ds-bg-surface: #102C30;
    --ds-bg-high-contrast: #000000;
    --ds-bg-elevated: #16383C;
    --ds-bg-overlay: rgba(11, 34, 37, 0.85);
    --ds-bg-subtle: #16383C;
    --ds-bg-inverse: #1D4449;
    --ds-bg-stage: #3B4448;
    --ds-bg-cockpit: #041215;
    --ds-bg-cockpit-panel: #031D1F;

    /* Over dark — the layer on `bg.stage`, `bg.cockpit` and `bg.cockpitPanel` */
    --ds-over-dark-fill: rgba(255, 255, 255, 0.12);
    --ds-over-dark-fill-strong: rgba(255, 255, 255, 0.20);
    --ds-over-dark-hairline: rgba(255, 255, 255, 0.40);

    /* Over brand — the layer on `brand.primary` */
    --ds-over-brand-fill: rgba(255, 255, 255, 0.08);
    --ds-over-brand-fill-strong: rgba(255, 255, 255, 0.14);
    --ds-over-brand-hairline: rgba(255, 255, 255, 0.56);

    /* Over media — the translucent bed a panel stands on when the ground is a map or a frame */
    --ds-over-media-panel: rgba(4, 18, 21, 0.78);
    --ds-over-media-label: rgba(4, 18, 21, 0.7);
    --ds-over-media-label-quiet: rgba(4, 18, 21, 0.65);
    --ds-over-media-panel-light: rgba(16, 44, 48, 0.88);
    --ds-over-media-panel-light-solid: rgba(16, 44, 48, 0.96);
    --ds-over-media-hairline: rgba(255, 255, 255, 0.40);

    /* Border */
    --ds-border-default: #28565B;
    --ds-border-strong: #417F84;
    --ds-border-focus: #62B6BC;

    /* Text */
    --ds-text-primary: #E4F3F4;
    --ds-text-secondary: #C2D6D6;
    --ds-text-tertiary: #939D9D;
    --ds-text-disabled: #7F8B8B;
    --ds-text-inverse: #E4F3F4;
    --ds-text-inverse-soft: #C2D6D6;
    --ds-text-stage-soft: #C8CBCC;
    --ds-text-brand: #A7D3D6;

    /* Brand — the tenant sends only `primary`; the other five are generated */
    --ds-brand-primary: #016C72;
    --ds-brand-hover: #015459;
    --ds-brand-on-primary: #FFFFFF;
    --ds-brand-on-primary-quiet: #8DBDC0;
    --ds-brand-subtle: #164247;
    --ds-brand-pressed: #1D4449;
    --ds-brand-on-subtle: #A7D3D6;
    --ds-brand-text: #A7D3D6;

    /* State — the five semantic tones */
    --ds-success-text: #C0DFCD;
    --ds-success-bg: #154128;
    --ds-success-border: #416A53;
    --ds-success-solid: #236A42;
    --ds-success-on-solid: #FFFFFF;
    --ds-warning-text: #EBD79C;
    --ds-warning-bg: #4A3600;
    --ds-warning-border: #746029;
    --ds-warning-dot: #D8A200;
    --ds-warning-solid: #D8A200;
    --ds-warning-on-solid: #111C1C;
    --ds-critical-text: #F2C9C3;
    --ds-critical-bg: #65241D;
    --ds-critical-border: #8A4F48;
    --ds-critical-hover: #6D251C;
    --ds-critical-solid: #A33A2E;
    --ds-critical-on-solid: #FFFFFF;
    --ds-info-text: #C2D9E7;
    --ds-info-bg: #173D53;
    --ds-info-border: #436679;
    --ds-info-solid: #2A6F97;
    --ds-info-on-solid: #FFFFFF;
    --ds-neutral-text: #C2D6D6;
    --ds-neutral-bg: #333B3B;
    --ds-neutral-border: #586363;
    --ds-neutral-solid: #6B7676;
    --ds-neutral-on-solid: #FFFFFF;

    /* Accent — identidade que não é estado nem marca */
    --ds-accent-trail-text: #A7D3D6;
    --ds-accent-trail-text-soft: #62B6BC;
    --ds-accent-trail-accent: #329CA3;
    --ds-accent-trail-bg: #164247;
    --ds-accent-trail-border: #135054;
    --ds-accent-metric-text: #CBE8EA;
    --ds-accent-metric-text-soft: #A7D3D6;
    --ds-accent-metric-hover: #62B6BC;
    --ds-accent-metric-bg: #333B3B;
    --ds-accent-metric-border: #135054;
    --ds-accent-gold-text: #F7D774;
    --ds-accent-gold-main: #ECB733;
    --ds-accent-gold-hover: #D1A121;
    --ds-accent-gold-soft: #F9B115;
    --ds-accent-gold-softer: #F7D774;

    /* Chart series — the order is mandatory */
    --ds-chart-1: #329CA3;
    --ds-chart-2: #62B6BC;
    --ds-chart-3: #D8A200;
    --ds-chart-4: #3B7B9F;
    --ds-chart-5: #B25A4F;
    --ds-chart-6: #6B7676;
    --ds-chart-seq-1: #E4F3F4;
    --ds-chart-seq-2: #CBE8EA;
    --ds-chart-seq-3: #A5DDE1;
    --ds-chart-seq-4: #7AC1C6;
    --ds-chart-seq-5: #50A6AC;
    --ds-chart-seq-6: #208A91;
    --ds-chart-seq-7: #016C72;
    --ds-chart-seq-8: #055B60;
    --ds-chart-seq-9: #08494D;
    --ds-chart-seq-10: #09373A;

    /* Elevation — the dark bed has nothing left to darken, so the edge is drawn */
    --ds-shadow-1: 0 0 0 1px #28565B, 0 1px 2px rgba(0, 0, 0, 0.40);
    --ds-shadow-2: 0 0 0 1px #28565B, 0 8px 24px rgba(0, 0, 0, 0.55);
}