:root [data-area-tone="coral"] {
    --fef-area: #ad2424;
    --fef-area-soft: #fff0f0;
    --fef-area-ink: #851b1b;
    --fef-area-border: #e5a0a0;
    --fef-area-contrast: #ffffff;
    --fef-card-background-start: #81213e;
    --fef-card-background-mid: #69162f;
    --fef-card-background-end: #4f1025;
    --fef-card-accent: #ed5b70;
    --fef-card-title: #ffffff;
    --fef-card-copy: #f3d9e0;
    --fef-card-muted: #f5b8c6;
    --fef-card-surface: #551426;
    --fef-card-icon-surface: #62283a;
    --fef-card-tag: #68132d;
    --fef-card-tag-copy: #ffaec0;
    --fef-card-button-copy: #2b0e14;
}

:root [data-area-tone="verde"] {
    --fef-area: #00875a;
    --fef-area-soft: #e8f8f0;
    --fef-area-ink: #006644;
    --fef-area-border: #9dddbd;
    --fef-area-contrast: #ffffff;
    --fef-card-background-start: #206346;
    --fef-card-background-mid: #174b34;
    --fef-card-background-end: #103724;
    --fef-card-accent: #3ed498;
    --fef-card-title: #ffffff;
    --fef-card-copy: #d8f9ec;
    --fef-card-muted: #b6f0d8;
    --fef-card-surface: #1d573e;
    --fef-card-icon-surface: #285b45;
    --fef-card-tag: #124a32;
    --fef-card-tag-copy: #9df5cf;
    --fef-card-button-copy: #062217;
}

:root [data-area-tone="azul"] {
    --fef-area: #1a56db;
    --fef-area-soft: #edf3ff;
    --fef-area-ink: #173f99;
    --fef-area-border: #a9c2ff;
    --fef-area-contrast: #ffffff;
    --fef-card-background-start: #205b91;
    --fef-card-background-mid: #194873;
    --fef-card-background-end: #12395f;
    --fef-card-accent: #48a9e6;
    --fef-card-title: #ffffff;
    --fef-card-copy: #d4e7f7;
    --fef-card-muted: #b6d8f2;
    --fef-card-surface: #194269;
    --fef-card-icon-surface: #28527a;
    --fef-card-tag: #12385e;
    --fef-card-tag-copy: #99d3f8;
    --fef-card-button-copy: #091522;
}

:root [data-area-tone="laranja"] {
    --fef-area: #e85d04;
    --fef-area-soft: #fff0e5;
    --fef-area-ink: #9a3900;
    --fef-area-border: #f4a261;
    --fef-area-contrast: #ffffff;
    --fef-card-background-start: #d3541e;
    --fef-card-background-mid: #b94112;
    --fef-card-background-end: #91300d;
    --fef-card-accent: #ffc46b;
    --fef-card-title: #ffffff;
    --fef-card-copy: #ffe8d7;
    --fef-card-muted: #f8d3b8;
    --fef-card-surface: #96370f;
    --fef-card-icon-surface: #a94314;
    --fef-card-tag: #a63b10;
    --fef-card-tag-copy: #ffe1bd;
    --fef-card-button-copy: #51230d;
}

:root [data-area-tone="turquesa"] {
    --fef-area: #06b9a8;
    --fef-area-soft: #e3faf7;
    --fef-area-ink: #00675f;
    --fef-area-border: #7bded3;
    --fef-area-contrast: #06363a;
    --fef-card-background-start: #1b6c78;
    --fef-card-background-mid: #155967;
    --fef-card-background-end: #10414e;
    --fef-card-accent: #06e6ca;
    --fef-card-title: #ffffff;
    --fef-card-copy: #d1f4f1;
    --fef-card-muted: #9ce8e2;
    --fef-card-surface: #155361;
    --fef-card-icon-surface: #1a5b68;
    --fef-card-tag: #104550;
    --fef-card-tag-copy: #83f5e9;
    --fef-card-button-copy: #06363a;
}

:root [data-area-tone="cinza"] {
    --fef-area: #526579;
    --fef-area-soft: #edf2f6;
    --fef-area-ink: #34495e;
    --fef-area-border: #b6c3ce;
    --fef-area-contrast: #ffffff;
    --fef-card-background-start: #4c6682;
    --fef-card-background-mid: #3c526d;
    --fef-card-background-end: #30445c;
    --fef-card-accent: #e5e7eb;
    --fef-card-title: #ffffff;
    --fef-card-copy: #e2eaf2;
    --fef-card-muted: #c8d6e4;
    --fef-card-surface: #40566d;
    --fef-card-icon-surface: #4a6077;
    --fef-card-tag: #344f6d;
    --fef-card-tag-copy: #d7e8f8;
    --fef-card-button-copy: #1b2b3c;
}

html.dark-mode [data-area-tone="coral"] {
    --fef-area: #ef6666;
    --fef-area-soft: #482d31;
    --fef-area-ink: #ffaaaa;
    --fef-area-border: #a7434a;
    --fef-area-contrast: #1f2328;
}

html.dark-mode [data-area-tone="verde"] {
    --fef-area: #36c995;
    --fef-area-soft: #243f37;
    --fef-area-ink: #7de0b8;
    --fef-area-border: #397d62;
    --fef-area-contrast: #1f2328;
}

html.dark-mode [data-area-tone="azul"] {
    --fef-area: #75a3ff;
    --fef-area-soft: #29374e;
    --fef-area-ink: #a8c4ff;
    --fef-area-border: #4569a8;
    --fef-area-contrast: #1f2328;
}

html.dark-mode [data-area-tone="laranja"] {
    --fef-area: #ff7b32;
    --fef-area-soft: #493126;
    --fef-area-ink: #ffb27e;
    --fef-area-border: #b75a24;
    --fef-area-contrast: #1f2328;
}

html.dark-mode [data-area-tone="turquesa"] {
    --fef-area: #21cbb7;
    --fef-area-soft: #213d3d;
    --fef-area-ink: #8de9df;
    --fef-area-border: #397f78;
    --fef-area-contrast: #102f31;
}

html.dark-mode [data-area-tone="cinza"] {
    --fef-area: #aab8c6;
    --fef-area-soft: #353d45;
    --fef-area-ink: #cad5df;
    --fef-area-border: #5e6b78;
    --fef-area-contrast: #1f2328;
}