/* auto-generated by f2b-importer vtenant-brand-derive-v1; detected_tokens=--cream,--cream2,--ease-out,--ember,--ember2,--f2b-chat-empty-ornament,--f2b-chat-empty-ornament-opacity,--f2b-chat-empty-ornament-size,--f2b-widget-display-font,--f2b-widget-label-font,--flag-cream,--flag-ink,--fog,--fog2,--forest,--forest2,--gold,--gold2,--ink,--ink2,--ink3,--menu-sticky-h,--moss,--nav-h,--rule,--rule2; unmapped_tokens=--ease-out,--f2b-chat-empty-ornament,--f2b-chat-empty-ornament-opacity,--f2b-chat-empty-ornament-size,--f2b-widget-display-font,--f2b-widget-label-font,--flag-cream,--flag-ink; see ADR-025 */
@layer tenant {
  :root {
    --brand-ink-100: var(--ink, #0c0b09);
    --brand-ink-200: var(--ink2, #181613);
    --brand-ink-300: var(--ink3, #232019);
    --brand-secondary-100: var(--forest, #1f3028);
    --brand-secondary-200: var(--forest2, #2b4035);
    --brand-secondary-300: var(--moss, #3a5a42);
    --brand-accent: var(--ember, #bf3b1a);
    --brand-accent-hi: var(--ember2, #d44d26);
    --brand-highlight-100: var(--gold, #b8943e);
    --brand-highlight-200: var(--gold2, #d4ad5a);
    --brand-surface-100: var(--cream, #f2ece0);
    --brand-surface-200: var(--cream2, #faf6ee);
    --brand-muted-100: var(--fog, #8a8070);
    --brand-muted-200: var(--fog2, #b0a490);
    --brand-rule-1: var(--rule, #b8943e38);
    --brand-rule-2: var(--rule2, #b8943e73);
    --brand-nav-height: var(--nav-h, 120px);
    --brand-sticky-nav-height: var(--menu-sticky-h, 52px);
    --brand-sidebar-backdrop: color-mix(in srgb, var(--brand-ink-100, currentColor) 60%, transparent);
  }
}
