/* Generated by scripts/build_brand_assets.py; edit docs/brand/identity.json. */
@font-face { font-family: Inter; src: url("fonts/Inter.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root { --brand-font-sans: Inter, "Noto Sans Devanagari", system-ui, sans-serif; --brand-radius: 0.5rem; --brand-space: 0.25rem; }
:root {
  --brand-symbol: #08A045;
  --brand-wordmark: #241E15;
  --brand-background: #FFFEFC;
  --brand-surface: #FFFFFF;
  --brand-muted: #756A59;
  --brand-border: #E5E5E2;
  --brand-accent: #E08500;
  --brand-success-surface: #E8F6ED;
  --brand-action: #087D38;
  --brand-action-foreground: #FFFDF7;
  --brand-control-border: #938675;
}
:root.dark, :root[data-theme="dark"] {
  --brand-symbol: #10E575;
  --brand-wordmark: #FAF8F2;
  --brand-background: #12100E;
  --brand-surface: #1E1A16;
  --brand-muted: #A8A196;
  --brand-border: #263328;
  --brand-accent: #F59E0B;
  --brand-success-surface: #0D4528;
  --brand-action: #10E575;
  --brand-action-foreground: #12100E;
  --brand-control-border: #756A59;
}
:root.light, :root[data-theme="light"] {
  --brand-symbol: #08A045;
  --brand-wordmark: #241E15;
  --brand-background: #FFFEFC;
  --brand-surface: #FFFFFF;
  --brand-muted: #756A59;
  --brand-border: #E5E5E2;
  --brand-accent: #E08500;
  --brand-success-surface: #E8F6ED;
  --brand-action: #087D38;
  --brand-action-foreground: #FFFDF7;
  --brand-control-border: #938675;
}
@media (prefers-color-scheme: dark) {
  :root:not(.light):not(.dark):not([data-theme]) {
    --brand-symbol: #10E575;
    --brand-wordmark: #FAF8F2;
    --brand-background: #12100E;
    --brand-surface: #1E1A16;
    --brand-muted: #A8A196;
    --brand-border: #263328;
    --brand-accent: #F59E0B;
    --brand-success-surface: #0D4528;
    --brand-action: #10E575;
    --brand-action-foreground: #12100E;
    --brand-control-border: #756A59;
  }
}
.brand-logo { display: inline-block; max-width: 100%; width: 13rem; line-height: 0; }
.brand-logo img { display: block; width: 100%; height: auto; }
.brand-logo .brand-logo-dark { display: none; }
:root.dark .brand-logo-light, :root[data-theme="dark"] .brand-logo-light { display: none; }
:root.dark .brand-logo-dark, :root[data-theme="dark"] .brand-logo-dark { display: block; }
@media (prefers-color-scheme: dark) { :root:not(.light):not(.dark):not([data-theme]) .brand-logo-light { display: none; } :root:not(.light):not(.dark):not([data-theme]) .brand-logo-dark { display: block; } }