/* GENERATED by tool/gen_brand.py from brand/brand.json. Do not edit; edit the JSON and re-run the generator. */
:root {
  --brand-name-en: "CARNAME";
  --brand-name-ar: "كارنيم";
  --color-bg: #F3F5F9;
  --color-card: #FFFFFF;
  --color-ink: #0C1322;
  --color-ink2: #37415A;
  --color-ink-muted: #5A6477;
  --color-line: #DEE3EB;
  --color-line2: #C9D0DC;
  --color-soft: #EBEFF5;
  --color-brand: #00806F;
  --color-on-brand: #FFFFFF;
  --color-brand-tint: #DDF3EF;
  --color-brand-text: #006E60;
  --color-deep: #00302A;
  --color-accent: #B6F03C;
  --color-on-accent: #14210A;
  --color-accent-tint: #EFFAD6;
  --color-accent-text: #466400;
  --color-success: #0E7A50;
  --color-success-tint: #E1F4EA;
  --color-danger: #C0352B;
  --color-danger-tint: #FDEBE8;
  --color-warning: #D08A12;
  --color-warning-tint: #FFF8E6;
  --color-warning-text: #8A5A0C;
  --color-gold: #F2A007;
  --color-price-drop: #0E7A50;
  --color-fits: #0E7A50;
  --color-on-badge: #FFFFFF;
  --color-sponsored: #0C1322C7;
  --color-media-stage: #000000;
  --color-media-stage-raised: #111111;
  --color-media-white: #FFFFFF;
  --color-media-white-muted: #FFFFFF99;
  --color-media-overlay: #00000073;
  --color-image-scrim: #000000B3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0A0E15;
    --color-card: #141A25;
    --color-ink: #EDF1F7;
    --color-ink2: #C3CBD8;
    --color-ink-muted: #929DB0;
    --color-line: #222A38;
    --color-line2: #323C4F;
    --color-soft: #1B2231;
    --color-brand: #2DD4BF;
    --color-on-brand: #04201C;
    --color-brand-tint: #0E2A27;
    --color-brand-text: #5EEAD4;
    --color-deep: #04201C;
    --color-accent: #C3F55A;
    --color-on-accent: #14210A;
    --color-accent-tint: #1F2A0C;
    --color-accent-text: #C9F56E;
    --color-success: #3DD39A;
    --color-success-tint: #0F2A20;
    --color-danger: #FF7B6F;
    --color-danger-tint: #2E1513;
    --color-warning: #F5B12E;
    --color-warning-tint: #2E2008;
    --color-warning-text: #F5CF6B;
    --color-gold: #F5B12E;
    --color-price-drop: #0E7A50;
    --color-fits: #0E7A50;
    --color-on-badge: #FFFFFF;
    --color-sponsored: #0C1322C7;
    --color-media-stage: #000000;
    --color-media-stage-raised: #111111;
    --color-media-white: #FFFFFF;
    --color-media-white-muted: #FFFFFF99;
    --color-media-overlay: #00000073;
    --color-image-scrim: #000000B3;
  }
}
:root[data-theme="dark"] {
  --color-bg: #0A0E15;
  --color-card: #141A25;
  --color-ink: #EDF1F7;
  --color-ink2: #C3CBD8;
  --color-ink-muted: #929DB0;
  --color-line: #222A38;
  --color-line2: #323C4F;
  --color-soft: #1B2231;
  --color-brand: #2DD4BF;
  --color-on-brand: #04201C;
  --color-brand-tint: #0E2A27;
  --color-brand-text: #5EEAD4;
  --color-deep: #04201C;
  --color-accent: #C3F55A;
  --color-on-accent: #14210A;
  --color-accent-tint: #1F2A0C;
  --color-accent-text: #C9F56E;
  --color-success: #3DD39A;
  --color-success-tint: #0F2A20;
  --color-danger: #FF7B6F;
  --color-danger-tint: #2E1513;
  --color-warning: #F5B12E;
  --color-warning-tint: #2E2008;
  --color-warning-text: #F5CF6B;
  --color-gold: #F5B12E;
  --color-price-drop: #0E7A50;
  --color-fits: #0E7A50;
  --color-on-badge: #FFFFFF;
  --color-sponsored: #0C1322C7;
  --color-media-stage: #000000;
  --color-media-stage-raised: #111111;
  --color-media-white: #FFFFFF;
  --color-media-white-muted: #FFFFFF99;
  --color-media-overlay: #00000073;
  --color-image-scrim: #000000B3;
}