/* Generated by tools/build.mjs: every product's mark colours, for the apps grid. Every product links this beside its own theme. */

[data-mark-of="castomo"] {
  --mark-1: #B8331A;
  --mark-2: #DC4425;
  --mark-3: #F58A5E;
}

:root[data-theme="dark"] [data-mark-of="castomo"] {
  --mark-1: #B8331A;
  --mark-2: #DC4425;
  --mark-3: #F58A5E;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="castomo"] {
  --mark-1: #B8331A;
  --mark-2: #DC4425;
  --mark-3: #F58A5E;
}
}

[data-mark-of="castomapi"] {
  --mark-1: #3B18C9;
  --mark-2: #7C4DFF;
  --mark-3: #B98CFF;
}

:root[data-theme="dark"] [data-mark-of="castomapi"] {
  --mark-1: #3B18C9;
  --mark-2: #7C4DFF;
  --mark-3: #B98CFF;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="castomapi"] {
  --mark-1: #3B18C9;
  --mark-2: #7C4DFF;
  --mark-3: #B98CFF;
}
}

[data-mark-of="castomui"] {
  --mark-1: #8F0A00;
  --mark-2: #C80A00;
  --mark-3: #FF8A78;
}

:root[data-theme="dark"] [data-mark-of="castomui"] {
  --mark-1: #8F0A00;
  --mark-2: #C80A00;
  --mark-3: #FF8A78;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="castomui"] {
  --mark-1: #8F0A00;
  --mark-2: #C80A00;
  --mark-3: #FF8A78;
}
}

[data-mark-of="castomai"] {
  --mark-1: #003C87;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
}

:root[data-theme="dark"] [data-mark-of="castomai"] {
  --mark-1: #00459b;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="castomai"] {
  --mark-1: #00459b;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
}
}

[data-mark-of="castomind"] {
  --mark-1: #A3106B;
  --mark-2: #E0327F;
  --mark-3: #FF8FC0;
}

:root[data-theme="dark"] [data-mark-of="castomind"] {
  --mark-1: #A3106B;
  --mark-2: #E0327F;
  --mark-3: #FF8FC0;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="castomind"] {
  --mark-1: #A3106B;
  --mark-2: #E0327F;
  --mark-3: #FF8FC0;
}
}

[data-mark-of="castomflow"] {
  --mark-1: #003C87;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
}

:root[data-theme="dark"] [data-mark-of="castomflow"] {
  --mark-1: #00459b;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="castomflow"] {
  --mark-1: #00459b;
  --mark-2: #0052B6;
  --mark-3: #008FFF;
}
}

[data-mark-of="dash-b"] {
  --mark-1: #E84520;
  --mark-2: #FF834F;
  --mark-3: #eaa400;
}

:root[data-theme="dark"] [data-mark-of="dash-b"] {
  --mark-1: #E84520;
  --mark-2: #FF834F;
  --mark-3: #FFC53D;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="dash-b"] {
  --mark-1: #E84520;
  --mark-2: #FF834F;
  --mark-3: #FFC53D;
}
}

[data-mark-of="aperture"] {
  --mark-1: #92400E;
  --mark-2: #F59E0B;
  --mark-3: #dfac04;
}

:root[data-theme="dark"] [data-mark-of="aperture"] {
  --mark-1: #92400E;
  --mark-2: #F59E0B;
  --mark-3: #FCD34D;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="aperture"] {
  --mark-1: #92400E;
  --mark-2: #F59E0B;
  --mark-3: #FCD34D;
}
}

[data-mark-of="observer"] {
  --mark-1: #6D173B;
  --mark-2: #D61F6C;
  --mark-3: #E9A5C2;
}

:root[data-theme="dark"] [data-mark-of="observer"] {
  --mark-1: #7e1b44;
  --mark-2: #D61F6C;
  --mark-3: #E9A5C2;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="observer"] {
  --mark-1: #7e1b44;
  --mark-2: #D61F6C;
  --mark-3: #E9A5C2;
}
}

[data-mark-of="builder"] {
  --mark-1: #17426D;
  --mark-2: #1863AE;
  --mark-3: #95bde5;
}

:root[data-theme="dark"] [data-mark-of="builder"] {
  --mark-1: #1b4c7e;
  --mark-2: #1863AE;
  --mark-3: #A5C7E9;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="builder"] {
  --mark-1: #1b4c7e;
  --mark-2: #1863AE;
  --mark-3: #A5C7E9;
}
}

[data-mark-of="livee"] {
  --mark-1: #536D17;
  --mark-2: #91c41c;
  --mark-3: #91bd2e;
}

:root[data-theme="dark"] [data-mark-of="livee"] {
  --mark-1: #536D17;
  --mark-2: #9ED61F;
  --mark-3: #D4E9A5;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="livee"] {
  --mark-1: #536D17;
  --mark-2: #9ED61F;
  --mark-3: #D4E9A5;
}
}

[data-mark-of="clicksomo"] {
  --mark-1: #16309B;
  --mark-2: #2F4FC4;
  --mark-3: #7FA6FF;
}

:root[data-theme="dark"] [data-mark-of="clicksomo"] {
  --mark-1: #1936ad;
  --mark-2: #2F4FC4;
  --mark-3: #7FA6FF;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="clicksomo"] {
  --mark-1: #1936ad;
  --mark-2: #2F4FC4;
  --mark-3: #7FA6FF;
}
}

[data-mark-of="ikonekt"] {
  --mark-1: #3F6212;
  --mark-2: #84CC16;
  --mark-3: #87cb11;
}

:root[data-theme="dark"] [data-mark-of="ikonekt"] {
  --mark-1: #3F6212;
  --mark-2: #84CC16;
  --mark-3: #BEF264;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="ikonekt"] {
  --mark-1: #3F6212;
  --mark-2: #84CC16;
  --mark-3: #BEF264;
}
}

[data-mark-of="fabls"] {
  --mark-1: #14532D;
  --mark-2: #16A34A;
  --mark-3: #1bcb5b;
}

:root[data-theme="dark"] [data-mark-of="fabls"] {
  --mark-1: #14532D;
  --mark-2: #16A34A;
  --mark-3: #86EFAC;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) [data-mark-of="fabls"] {
  --mark-1: #14532D;
  --mark-2: #16A34A;
  --mark-3: #86EFAC;
}
}

:root[data-theme^="contrast"] [data-mark-of] {
  --mark-1: var(--ink);
  --mark-2: var(--ink);
  --mark-3: var(--ink);
}