/* Generated by scripts/gen-m3-tokens.ts from the Chasque brandbook. Do not edit by hand. */

:root {
  color-scheme: light;
  --md-sys-color-primary: #b93710;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #fbe3d6;
  --md-sys-color-on-primary-container: #b93710;
  --md-sys-color-inverse-primary: #ff7847;
  --md-sys-color-secondary: #5c5749;
  --md-sys-color-on-secondary: #f6f2e9;
  --md-sys-color-secondary-container: #fbe3d6;
  --md-sys-color-on-secondary-container: #b93710;
  --md-sys-color-tertiary: #1d5a9e;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #dde9f6;
  --md-sys-color-on-tertiary-container: #1d5a9e;
  --md-sys-color-error: #a8231b;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #f8dedb;
  --md-sys-color-on-error-container: #a8231b;
  --md-sys-color-success: #3b6a26;
  --md-sys-color-on-success: #ffffff;
  --md-sys-color-success-container: #e3eed8;
  --md-sys-color-on-success-container: #3b6a26;
  --md-sys-color-warning: #835500;
  --md-sys-color-on-warning: #ffffff;
  --md-sys-color-warning-container: #f7ebcf;
  --md-sys-color-on-warning-container: #835500;
  --md-sys-color-info: #1d5a9e;
  --md-sys-color-on-info: #ffffff;
  --md-sys-color-info-container: #dde9f6;
  --md-sys-color-on-info-container: #1d5a9e;
  --md-sys-color-background: #f6f2e9;
  --md-sys-color-on-background: #17160f;
  --md-sys-color-surface: #f6f2e9;
  --md-sys-color-surface-raised: #ffffff;
  --md-sys-color-surface-dim: #e0dcd3;
  --md-sys-color-surface-bright: #ffffff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #efebe2;
  --md-sys-color-surface-container: #e9e5dc;
  --md-sys-color-surface-container-high: #e2ded5;
  --md-sys-color-surface-container-highest: #dbd8cf;
  --md-sys-color-on-surface: #17160f;
  --md-sys-color-surface-variant: #dbd8cf;
  --md-sys-color-on-surface-variant: #5c5749;
  --md-sys-color-inverse-surface: #17160f;
  --md-sys-color-inverse-on-surface: #f6f2e9;
  --md-sys-color-outline: #8d8674;
  --md-sys-color-outline-variant: #ddd5c4;
  --md-sys-color-shadow: #17160f;
  --md-sys-color-scrim: #17160f;
  --md-sys-color-surface-tint: #b93710;
  --md-sys-color-noite: #17160f;
  --md-sys-color-on-noite: #f2eee4;
  --md-sys-color-on-noite-muted: #a9a393;

  /* Brand aliases (brandbook names) */
  --chq-surface: #f6f2e9;
  --chq-surface-raised: #ffffff;
  --chq-line: #ddd5c4;
  --chq-line-strong: #8d8674;
  --chq-ink: #17160f;
  --chq-ink-muted: #5c5749;
  --chq-brasa: #b93710;
  --chq-brasa-soft: #fbe3d6;
  --chq-on-brasa: #ffffff;
  --chq-noite: #17160f;
  --chq-on-noite: #f2eee4;
  --chq-on-noite-muted: #a9a393;
  --chq-erva: #3b6a26;
  --chq-erva-soft: #e3eed8;
  --chq-ceu: #1d5a9e;
  --chq-ceu-soft: #dde9f6;
  --chq-ouro: #835500;
  --chq-ouro-soft: #f7ebcf;
  --chq-alerta: #a8231b;
  --chq-alerta-soft: #f8dedb;
  --chq-link: var(--chq-brasa);
  --chq-chart-sent: #b93710;
  --chq-chart-received: #1d5a9e;
  --chq-shadow-float: 0 8px 24px -4px #17160f29;
  --chq-focus-ring: 0 0 0 2px #f6f2e9, 0 0 0 4px #b93710;

  /* Elevation: borders, not shadows; one float shadow for what floats. */
  --md-sys-elevation-level0: none;
  --md-sys-elevation-level1: none;
  --md-sys-elevation-level2: none;
  --md-sys-elevation-level3: 0 8px 24px -4px #17160f29;
  --md-sys-elevation-level4: 0 8px 24px -4px #17160f29;
  --md-sys-elevation-level5: 0 8px 24px -4px #17160f29;

  --md-ref-typeface-brand: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;
  --md-ref-typeface-plain: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-ref-typeface-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);
  --md-sys-typescale-display-large-size: 3.5rem;
  --md-sys-typescale-display-large-line-height: 3.75rem;
  --md-sys-typescale-display-large-weight: 600;
  --md-sys-typescale-display-large-tracking: -0.03em;
  --md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);
  --md-sys-typescale-display-medium-size: 3rem;
  --md-sys-typescale-display-medium-line-height: 3.25rem;
  --md-sys-typescale-display-medium-weight: 600;
  --md-sys-typescale-display-medium-tracking: -0.03em;
  --md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);
  --md-sys-typescale-display-small-size: 2.5rem;
  --md-sys-typescale-display-small-line-height: 2.875rem;
  --md-sys-typescale-display-small-weight: 600;
  --md-sys-typescale-display-small-tracking: -0.02em;
  --md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-large-size: 2.25rem;
  --md-sys-typescale-headline-large-line-height: 2.75rem;
  --md-sys-typescale-headline-large-weight: 600;
  --md-sys-typescale-headline-large-tracking: -0.02em;
  --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-headline-medium-size: 1.75rem;
  --md-sys-typescale-headline-medium-line-height: 2.25rem;
  --md-sys-typescale-headline-medium-weight: 600;
  --md-sys-typescale-headline-medium-tracking: -0.01em;
  --md-sys-typescale-headline-small-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-headline-small-size: 1.5rem;
  --md-sys-typescale-headline-small-line-height: 2rem;
  --md-sys-typescale-headline-small-weight: 600;
  --md-sys-typescale-headline-small-tracking: 0;
  --md-sys-typescale-title-large-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-title-large-size: 1.25rem;
  --md-sys-typescale-title-large-line-height: 1.75rem;
  --md-sys-typescale-title-large-weight: 600;
  --md-sys-typescale-title-large-tracking: 0;
  --md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-title-medium-size: 1.125rem;
  --md-sys-typescale-title-medium-line-height: 1.625rem;
  --md-sys-typescale-title-medium-weight: 600;
  --md-sys-typescale-title-medium-tracking: 0;
  --md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-title-small-size: 0.875rem;
  --md-sys-typescale-title-small-line-height: 1.25rem;
  --md-sys-typescale-title-small-weight: 600;
  --md-sys-typescale-title-small-tracking: 0;
  --md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-body-large-size: 1rem;
  --md-sys-typescale-body-large-line-height: 1.625rem;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-large-tracking: 0;
  --md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-body-medium-size: 0.875rem;
  --md-sys-typescale-body-medium-line-height: 1.25rem;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-medium-tracking: 0;
  --md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-body-small-size: 0.8125rem;
  --md-sys-typescale-body-small-line-height: 1.125rem;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-body-small-tracking: 0;
  --md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-label-large-size: 0.875rem;
  --md-sys-typescale-label-large-line-height: 1.25rem;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-label-large-tracking: 0;
  --md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-label-medium-size: 0.75rem;
  --md-sys-typescale-label-medium-line-height: 1rem;
  --md-sys-typescale-label-medium-weight: 500;
  --md-sys-typescale-label-medium-tracking: 0.02em;
  --md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);
  --md-sys-typescale-label-small-size: 0.6875rem;
  --md-sys-typescale-label-small-line-height: 1rem;
  --md-sys-typescale-label-small-weight: 500;
  --md-sys-typescale-label-small-tracking: 0.02em;
  --md-sys-typescale-code-font: var(--md-ref-typeface-mono);
  --md-sys-typescale-code-size: 0.875rem;
  --md-sys-typescale-code-line-height: 1.375rem;
  --md-sys-typescale-code-weight: 400;
  --md-sys-typescale-code-tracking: 0;
  --md-sys-typescale-code-label-font: var(--md-ref-typeface-mono);
  --md-sys-typescale-code-label-size: 0.75rem;
  --md-sys-typescale-code-label-line-height: 1rem;
  --md-sys-typescale-code-label-weight: 500;
  --md-sys-typescale-code-label-tracking: 0.06em;

  /* Shape: radius-sm 4 (badges, inputs), radius-md 8 (buttons, code), radius-lg 16 (cards, balão) */
  --md-sys-shape-corner-none: 0;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 8px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-extra-large: 16px;
  --md-sys-shape-corner-full: 9999px;
  /* O balão: radius-lg em três cantos e canto vivo no inferior esquerdo. */
  --chq-radius-balao: 16px 16px 16px 0;

  /* Spacing (4px grid) */
  --chq-space-1: 4px;
  --chq-space-2: 8px;
  --chq-space-3: 12px;
  --chq-space-4: 16px;
  --chq-space-6: 24px;
  --chq-space-8: 32px;
  --chq-space-12: 48px;
  --chq-space-16: 64px;

  /* State layers */
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-state-focus-state-layer-opacity: 0.1;
  --md-sys-state-pressed-state-layer-opacity: 0.1;
  --md-sys-state-dragged-state-layer-opacity: 0.16;

  /* Motion: discreto e funcional, 150–200 ms, ease-out */
  --md-sys-motion-easing-standard: cubic-bezier(0, 0, 0.2, 1);
  --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --md-sys-motion-easing-emphasized: cubic-bezier(0, 0, 0.2, 1);
  --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --md-sys-motion-duration-short2: 150ms;
  --md-sys-motion-duration-short4: 200ms;
  --md-sys-motion-duration-medium2: 200ms;
  --md-sys-motion-duration-medium4: 200ms;
  --md-sys-motion-duration-long2: 200ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-sys-color-primary: #ff7847;
    --md-sys-color-on-primary: #17160f;
    --md-sys-color-primary-container: #3b1a0e;
    --md-sys-color-on-primary-container: #ff7847;
    --md-sys-color-inverse-primary: #b93710;
    --md-sys-color-secondary: #aaa596;
    --md-sys-color-on-secondary: #121310;
    --md-sys-color-secondary-container: #3b1a0e;
    --md-sys-color-on-secondary-container: #ff7847;
    --md-sys-color-tertiary: #8dbaf0;
    --md-sys-color-on-tertiary: #1b1c18;
    --md-sys-color-tertiary-container: #15253a;
    --md-sys-color-on-tertiary-container: #8dbaf0;
    --md-sys-color-error: #ff8f85;
    --md-sys-color-on-error: #17160f;
    --md-sys-color-error-container: #3a1714;
    --md-sys-color-on-error-container: #ff8f85;
    --md-sys-color-success: #9fcf7d;
    --md-sys-color-on-success: #17160f;
    --md-sys-color-success-container: #1e2d15;
    --md-sys-color-on-success-container: #9fcf7d;
    --md-sys-color-warning: #f1b94c;
    --md-sys-color-on-warning: #17160f;
    --md-sys-color-warning-container: #33260b;
    --md-sys-color-on-warning-container: #f1b94c;
    --md-sys-color-info: #8dbaf0;
    --md-sys-color-on-info: #17160f;
    --md-sys-color-info-container: #15253a;
    --md-sys-color-on-info-container: #8dbaf0;
    --md-sys-color-background: #121310;
    --md-sys-color-on-background: #f2eee4;
    --md-sys-color-surface: #121310;
    --md-sys-color-surface-raised: #1b1c18;
    --md-sys-color-surface-dim: #0a0b09;
    --md-sys-color-surface-bright: #31322e;
    --md-sys-color-surface-container-lowest: #0a0b09;
    --md-sys-color-surface-container-low: #1b1c18;
    --md-sys-color-surface-container: #22221f;
    --md-sys-color-surface-container-high: #282925;
    --md-sys-color-surface-container-highest: #2f2f2c;
    --md-sys-color-on-surface: #f2eee4;
    --md-sys-color-surface-variant: #2f2f2c;
    --md-sys-color-on-surface-variant: #aaa596;
    --md-sys-color-inverse-surface: #f2eee4;
    --md-sys-color-inverse-on-surface: #121310;
    --md-sys-color-outline: #6c6a5e;
    --md-sys-color-outline-variant: #2d2f28;
    --md-sys-color-shadow: #17160f;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #ff7847;
    --md-sys-color-noite: #0a0b09;
    --md-sys-color-on-noite: #f2eee4;
    --md-sys-color-on-noite-muted: #8f8a7c;

    /* Brand aliases (brandbook names) */
    --chq-surface: #121310;
    --chq-surface-raised: #1b1c18;
    --chq-line: #2d2f28;
    --chq-line-strong: #6c6a5e;
    --chq-ink: #f2eee4;
    --chq-ink-muted: #aaa596;
    --chq-brasa: #ff7847;
    --chq-brasa-soft: #3b1a0e;
    --chq-on-brasa: #17160f;
    --chq-noite: #0a0b09;
    --chq-on-noite: #f2eee4;
    --chq-on-noite-muted: #8f8a7c;
    --chq-erva: #9fcf7d;
    --chq-erva-soft: #1e2d15;
    --chq-ceu: #8dbaf0;
    --chq-ceu-soft: #15253a;
    --chq-ouro: #f1b94c;
    --chq-ouro-soft: #33260b;
    --chq-alerta: #ff8f85;
    --chq-alerta-soft: #3a1714;
    --chq-link: var(--chq-brasa);
    --chq-chart-sent: #ea6433;
    --chq-chart-received: #4f93e6;
    --chq-shadow-float: 0 12px 28px -4px #000000cc;
    --chq-focus-ring: 0 0 0 2px #121310, 0 0 0 4px #ff7847;

    /* Elevation: borders, not shadows; one float shadow for what floats. */
    --md-sys-elevation-level0: none;
    --md-sys-elevation-level1: none;
    --md-sys-elevation-level2: none;
    --md-sys-elevation-level3: 0 12px 28px -4px #000000cc;
    --md-sys-elevation-level4: 0 12px 28px -4px #000000cc;
    --md-sys-elevation-level5: 0 12px 28px -4px #000000cc;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #ff7847;
  --md-sys-color-on-primary: #17160f;
  --md-sys-color-primary-container: #3b1a0e;
  --md-sys-color-on-primary-container: #ff7847;
  --md-sys-color-inverse-primary: #b93710;
  --md-sys-color-secondary: #aaa596;
  --md-sys-color-on-secondary: #121310;
  --md-sys-color-secondary-container: #3b1a0e;
  --md-sys-color-on-secondary-container: #ff7847;
  --md-sys-color-tertiary: #8dbaf0;
  --md-sys-color-on-tertiary: #1b1c18;
  --md-sys-color-tertiary-container: #15253a;
  --md-sys-color-on-tertiary-container: #8dbaf0;
  --md-sys-color-error: #ff8f85;
  --md-sys-color-on-error: #17160f;
  --md-sys-color-error-container: #3a1714;
  --md-sys-color-on-error-container: #ff8f85;
  --md-sys-color-success: #9fcf7d;
  --md-sys-color-on-success: #17160f;
  --md-sys-color-success-container: #1e2d15;
  --md-sys-color-on-success-container: #9fcf7d;
  --md-sys-color-warning: #f1b94c;
  --md-sys-color-on-warning: #17160f;
  --md-sys-color-warning-container: #33260b;
  --md-sys-color-on-warning-container: #f1b94c;
  --md-sys-color-info: #8dbaf0;
  --md-sys-color-on-info: #17160f;
  --md-sys-color-info-container: #15253a;
  --md-sys-color-on-info-container: #8dbaf0;
  --md-sys-color-background: #121310;
  --md-sys-color-on-background: #f2eee4;
  --md-sys-color-surface: #121310;
  --md-sys-color-surface-raised: #1b1c18;
  --md-sys-color-surface-dim: #0a0b09;
  --md-sys-color-surface-bright: #31322e;
  --md-sys-color-surface-container-lowest: #0a0b09;
  --md-sys-color-surface-container-low: #1b1c18;
  --md-sys-color-surface-container: #22221f;
  --md-sys-color-surface-container-high: #282925;
  --md-sys-color-surface-container-highest: #2f2f2c;
  --md-sys-color-on-surface: #f2eee4;
  --md-sys-color-surface-variant: #2f2f2c;
  --md-sys-color-on-surface-variant: #aaa596;
  --md-sys-color-inverse-surface: #f2eee4;
  --md-sys-color-inverse-on-surface: #121310;
  --md-sys-color-outline: #6c6a5e;
  --md-sys-color-outline-variant: #2d2f28;
  --md-sys-color-shadow: #17160f;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #ff7847;
  --md-sys-color-noite: #0a0b09;
  --md-sys-color-on-noite: #f2eee4;
  --md-sys-color-on-noite-muted: #8f8a7c;

  /* Brand aliases (brandbook names) */
  --chq-surface: #121310;
  --chq-surface-raised: #1b1c18;
  --chq-line: #2d2f28;
  --chq-line-strong: #6c6a5e;
  --chq-ink: #f2eee4;
  --chq-ink-muted: #aaa596;
  --chq-brasa: #ff7847;
  --chq-brasa-soft: #3b1a0e;
  --chq-on-brasa: #17160f;
  --chq-noite: #0a0b09;
  --chq-on-noite: #f2eee4;
  --chq-on-noite-muted: #8f8a7c;
  --chq-erva: #9fcf7d;
  --chq-erva-soft: #1e2d15;
  --chq-ceu: #8dbaf0;
  --chq-ceu-soft: #15253a;
  --chq-ouro: #f1b94c;
  --chq-ouro-soft: #33260b;
  --chq-alerta: #ff8f85;
  --chq-alerta-soft: #3a1714;
  --chq-link: var(--chq-brasa);
  --chq-chart-sent: #ea6433;
  --chq-chart-received: #4f93e6;
  --chq-shadow-float: 0 12px 28px -4px #000000cc;
  --chq-focus-ring: 0 0 0 2px #121310, 0 0 0 4px #ff7847;

  /* Elevation: borders, not shadows; one float shadow for what floats. */
  --md-sys-elevation-level0: none;
  --md-sys-elevation-level1: none;
  --md-sys-elevation-level2: none;
  --md-sys-elevation-level3: 0 12px 28px -4px #000000cc;
  --md-sys-elevation-level4: 0 12px 28px -4px #000000cc;
  --md-sys-elevation-level5: 0 12px 28px -4px #000000cc;
}