/* ============================================================================
   TWENTY INTERFACE THEMES — GENERATED, DO NOT EDIT
   ----------------------------------------------------------------------------
   Written by tools/build-skins.py from the card skins in css/cards.css.
   Edit a skin there and run the script; editing this file by hand means the
   card and the interface around it stop agreeing.

   A business picks one colour for its card and its whole interface follows:
   the active item in the nav, the primary button, the tint behind a panel,
   and the big soft bloom at the top of a page. The page ground stays near
   white on every theme, so text contrast never depends on which colour a
   shop happened to like.

   Every value below was derived from that card's own gradient and then
   checked against WCAG before it was written — the generator refuses to
   write this file if any theme would ship an unreadable button.

       --brand       primary action            ≥ 4.5:1 on white
       --brand-deep  hover, headings, links    ≥ 7:1   on white
       --brand-soft  pale panel fill           carries --brand-deep
       --brand-wash  page tint behind panels
       --brand-line  hairlines
       --brand-glow  the diffuse bloom, low opacity only

       --brand-accent       the companion hue, 26° round the wheel  ≥ 4.5:1 on white
       --brand-accent-soft  its pastel — the far stop of a soft wash
       --brand-accent-glow  its bloom, low opacity only
   ========================================================================== */

/* The default, for a page with no business in context yet. */
:root{--brand:#6432C8;--brand-deep:#4A1FA0;--brand-soft:#F0EAFC;--brand-wash:#FAF7FE;--brand-line:#DFD4F4;--brand-glow:#DEC7FF;--brand-accent:#9B2FA8;--brand-accent-soft:#FBEAFC;--brand-accent-glow:#F0C7FF}

:root[data-skin="violet"]{--brand:#6432C8;--brand-deep:#6432C8;--brand-soft:#F1EDFA;--brand-wash:#F9F7FC;--brand-line:#DDD3F0;--brand-glow:#C2ADEB;--brand-accent:#A532C8;--brand-accent-soft:#F6EBFA;--brand-accent-glow:#DCADEB}
:root[data-skin="indigo"]{--brand:#26247A;--brand-deep:#26247A;--brand-soft:#EEEDFA;--brand-wash:#F7F7FC;--brand-line:#D4D3F0;--brand-glow:#B2B0E8;--brand-accent:#4B247A;--brand-accent-soft:#F2EBF9;--brand-accent-glow:#C9B0E8}
:root[data-skin="midnight"]{--brand:#16224A;--brand-deep:#16224A;--brand-soft:#EDF0FA;--brand-wash:#F7F8FC;--brand-line:#D3DAF0;--brand-glow:#B0BDE8;--brand-accent:#21164A;--brand-accent-soft:#EEEBF9;--brand-accent-glow:#BCB0E8}
:root[data-skin="ocean"]{--brand:#0F4A61;--brand-deep:#0F4A61;--brand-soft:#EDF6FA;--brand-wash:#F7FBFC;--brand-line:#D3E8F0;--brand-glow:#A7DCF1;--brand-accent:#0F2661;--brand-accent-soft:#EAEFFA;--brand-accent-glow:#A7BCF1}
:root[data-skin="teal"]{--brand:#0E5248;--brand-deep:#0E5248;--brand-soft:#EDFAF8;--brand-wash:#F7FCFB;--brand-line:#D3F0EC;--brand-glow:#A8F0E6;--brand-accent:#0E3F52;--brand-accent-soft:#EAF6FA;--brand-accent-glow:#A8DCF0}
:root[data-skin="forest"]{--brand:#1C4634;--brand-deep:#1C4634;--brand-soft:#EFF8F4;--brand-wash:#F7FCFA;--brand-line:#D5EEE3;--brand-glow:#B6E2CF;--brand-accent:#1C4646;--brand-accent-soft:#EDF8F8;--brand-accent-glow:#B6E2E2}
:root[data-skin="moss"]{--brand:#3F5522;--brand-deep:#3F5522;--brand-soft:#F4F8EF;--brand-wash:#FAFCF7;--brand-line:#E3EED5;--brand-glow:#CFE2B6;--brand-accent:#295522;--brand-accent-soft:#EEF8ED;--brand-accent-glow:#BCE2B6}
:root[data-skin="ember"]{--brand:#C94F28;--brand-deep:#973B1E;--brand-soft:#FAF0ED;--brand-wash:#FCF8F7;--brand-line:#F0DAD3;--brand-glow:#EEBAAA;--brand-accent:#97701E;--brand-accent-soft:#FAF5EA;--brand-accent-glow:#EED8AA}
:root[data-skin="clay"]{--brand:#9D6C27;--brand-deep:#76511D;--brand-soft:#FAF5ED;--brand-wash:#FCFAF7;--brand-line:#F0E4D3;--brand-glow:#EBD1AD;--brand-accent:#797A1E;--brand-accent-soft:#FAFAEB;--brand-accent-glow:#EAEBAD}
:root[data-skin="cocoa"]{--brand:#523324;--brand-deep:#523324;--brand-soft:#F8F2EF;--brand-wash:#FCF9F8;--brand-line:#EDDED6;--brand-glow:#E0C5B8;--brand-accent:#524724;--brand-accent-soft:#F7F5ED;--brand-accent-glow:#E2D8B6}
:root[data-skin="wine"]{--brand:#5E1A2E;--brand-deep:#5E1A2E;--brand-soft:#FAEDF1;--brand-wash:#FCF7F9;--brand-line:#F0D3DC;--brand-glow:#E9AFC0;--brand-accent:#5E231A;--brand-accent-soft:#F9EDEB;--brand-accent-glow:#E9B7AF}
:root[data-skin="rose"]{--brand:#B0455F;--brand-deep:#943A50;--brand-soft:#F9EFF1;--brand-wash:#FCF7F8;--brand-line:#EED5DB;--brand-glow:#E2B6C1;--brand-accent:#B05945;--brand-accent-soft:#F8EFED;--brand-accent-glow:#E2BEB6}
:root[data-skin="ink"]{--brand:#171026;--brand-deep:#171026;--brand-soft:#F2EFF8;--brand-wash:#F9F7FC;--brand-line:#DDD6EE;--brand-glow:#C4B7E1;--brand-accent:#211026;--brand-accent-soft:#F5EDF7;--brand-accent-glow:#D8B6E2}
:root[data-skin="charcoal"]{--brand:#2C2C33;--brand-deep:#2C2C33;--brand-soft:#F1F1F7;--brand-wash:#F8F8FB;--brand-line:#DBDBE9;--brand-glow:#B8B8E0;--brand-accent:#2F2C33;--brand-accent-soft:#F2EEF6;--brand-accent-glow:#C9B6E2}
:root[data-skin="peach"]{--brand:#4A2B08;--brand-deep:#4A2B08;--brand-soft:#FAF4ED;--brand-wash:#FCFAF7;--brand-line:#F0E3D3;--brand-glow:#F3CEA5;--brand-accent:#4A4808;--brand-accent-soft:#FAFAEA;--brand-accent-glow:#F5F2A3}
:root[data-skin="lilac"]{--brand:#2B1263;--brand-deep:#2B1263;--brand-soft:#F1EDFA;--brand-wash:#F9F7FC;--brand-line:#DCD3F0;--brand-glow:#BEA9EF;--brand-accent:#4E1263;--brand-accent-soft:#F6EAFA;--brand-accent-glow:#DDA9EF}
:root[data-skin="pearl"]{--brand:#241A3A;--brand-deep:#241A3A;--brand-soft:#F2EFF8;--brand-wash:#F9F8FC;--brand-line:#DDD7ED;--brand-glow:#C4B8E0;--brand-accent:#321A3A;--brand-accent-soft:#F5EDF7;--brand-accent-glow:#D7B6E2}
:root[data-skin="sand"]{--brand:#3A2A12;--brand-deep:#3A2A12;--brand-soft:#FAF5ED;--brand-wash:#FCFAF7;--brand-line:#F0E5D3;--brand-glow:#E7D1B1;--brand-accent:#393A12;--brand-accent-soft:#F9F9EC;--brand-accent-glow:#E6E7B1}
:root[data-skin="sky"]{--brand:#10324A;--brand-deep:#10324A;--brand-soft:#EDF5FA;--brand-wash:#F7FAFC;--brand-line:#D3E4F0;--brand-glow:#ABD2ED;--brand-accent:#10194A;--brand-accent-soft:#EAEDFA;--brand-accent-glow:#ABB5ED}
:root[data-skin="mint"]{--brand:#0E3A24;--brand-deep:#0E3A24;--brand-soft:#EDFAF4;--brand-wash:#F7FCFA;--brand-line:#D3F0E2;--brand-glow:#ADEBCC;--brand-accent:#0E3A37;--brand-accent-soft:#EAFAF9;--brand-accent-glow:#ADEBE7}