/* Theme tokens copied from the DeAura Content Desk artifact so both look the same. */
:root{
    --forest:#2D4A3A;
    --gold:#B8985A;
    --cream:#F7F3EA;
    --charcoal:#333333;
    --gray:#888888;

    /* light: soft ivory ground with sage and gold washes */
    --ground:#F4F0E6;
    --wash-a:rgba(45,74,58,.10);
    --wash-b:rgba(184,152,90,.13);
    --wash-c:rgba(255,255,255,.85);

    --glass:rgba(255,255,255,.52);
    --glass-strong:rgba(255,255,255,.74);
    --glass-quiet:rgba(255,255,255,.34);
    --sheen:rgba(255,255,255,.75);

    --ink:#3B3B3B;
    --muted:#6E6959;
    --hair:rgba(184,152,90,.26);
    --hair-soft:rgba(45,74,58,.10);

    --deep:#2D4A3A;
    --heading:#2D4A3A;
    --deep-ink:#FFFFFF;
    --accent:#B8985A;
    --accent-text:#836A32;
    --field:rgba(255,255,255,.62);

    --soft:0 1px 2px rgba(45,74,58,.04), 0 10px 30px -8px rgba(45,74,58,.10);
    --lift:0 2px 6px rgba(45,74,58,.06), 0 18px 44px -12px rgba(45,74,58,.18);

    --r-sm:10px;
    --r-md:16px;
    --r-lg:24px;
    --r-xl:32px;
    --blur:saturate(1.5) blur(20px);

    --serif:"Libre Baskerville", Georgia, "Times New Roman", serif;
    --sans:Arimo, Arial, Helvetica, sans-serif;
    /* Thin display faces need extra weight to hold up at card sizes. */
    --display-weight:400;
  }

  /* Auto only. Any explicitly chosen theme must win over the OS setting,
     so this must not match when data-theme is present at all. */
  @media (prefers-color-scheme: dark){
    :root:not([data-theme]){
      --ground:#111A15;
      --wash-a:rgba(122,163,134,.14);
      --wash-b:rgba(184,152,90,.12);
      --wash-c:rgba(20,32,25,.9);

      --glass:rgba(38,55,45,.52);
      --glass-strong:rgba(30,45,36,.78);
      --glass-quiet:rgba(46,66,53,.34);
      --sheen:rgba(255,255,255,.10);

      --ink:#E4DECF;
      --muted:#9D978A;
      --hair:rgba(201,169,106,.24);
      --hair-soft:rgba(255,255,255,.07);

      --deep:#0F1913;
      --heading:#E8E1D0;
      --deep-ink:#F3EEE1;
      --accent:#C9A96A;
      --accent-text:#D2B47C;
      --field:rgba(18,28,22,.55);

      --soft:0 1px 2px rgba(0,0,0,.28), 0 12px 32px -10px rgba(0,0,0,.5);
      --lift:0 2px 8px rgba(0,0,0,.34), 0 22px 50px -14px rgba(0,0,0,.6);
    }
  }

  :root[data-theme="dark"]{
    --hero-n:#CFE3D5;
    --ground:#111A15;
    --wash-a:rgba(122,163,134,.14);
    --wash-b:rgba(184,152,90,.12);
    --wash-c:rgba(20,32,25,.9);

    --glass:rgba(38,55,45,.52);
    --glass-strong:rgba(30,45,36,.78);
    --glass-quiet:rgba(46,66,53,.34);
    --sheen:rgba(255,255,255,.10);

    --ink:#E4ECE6;
    --muted:#9AB0A0;
    --hair:rgba(160,205,175,.22);
    --hair-soft:rgba(255,255,255,.07);

    --deep:#0F1913;
    --heading:#E9F1EB;
    --deep-ink:#F3EEE1;
    --accent:#8DB79C;
    --accent-text:#B5D6C0;
    --field:rgba(18,28,22,.55);

    --soft:0 1px 2px rgba(0,0,0,.28), 0 12px 32px -10px rgba(0,0,0,.5);
    --lift:0 2px 8px rgba(0,0,0,.34), 0 22px 50px -14px rgba(0,0,0,.6);
    --display-weight:700;
  }

  

  /* Clean: near-white and quiet. The accent goes green rather than
     gold so nothing reads as warm. This is the default. */
  :root[data-theme="clean"]{
    --hero-n:#E8D9AE;
    --ground:#F7F7F5;
    --wash-a:rgba(45,74,58,.055);
    --wash-b:rgba(150,150,140,.07);
    --wash-c:rgba(255,255,255,.9);

    --glass:rgba(255,255,255,.70);
    --glass-strong:rgba(255,255,255,.90);
    --glass-quiet:rgba(255,255,255,.50);
    --sheen:rgba(255,255,255,.9);

    --ink:#2E2E2C;
    --muted:#6B6B65;
    --hair:rgba(45,74,58,.16);
    --hair-soft:rgba(20,30,24,.07);

    --deep:#2D4A3A;
    --heading:#1F2E26;
    --deep-ink:#FFFFFF;
    --accent:#2D4A3A;
    --accent-text:#3B5A47;
    --field:rgba(255,255,255,.82);

    --soft:0 1px 2px rgba(20,30,24,.04), 0 10px 30px -10px rgba(20,30,24,.10);
    --lift:0 2px 6px rgba(20,30,24,.05), 0 18px 44px -14px rgba(20,30,24,.16);
    --display-weight:400;
  }

  /* Slate: cool, light and plain. Same near-white footing as Clean,
     but a steel accent and a bold geometric sans doing the display
     work, so it reads structural rather than soft. */
  



  /* ============================================================
     Pastel themes. Each keeps the same glass structure and swaps
     the hue plus the type pairing. Every face here ships with the
     OS, since the artifact CSP blocks webfont downloads and a
     missing font would fall back silently.
     ============================================================ */

  /* Blush: rose, high-contrast didone serif with a geometric sans */
  :root[data-theme="blush"]{
    --hero-n:#F2C8D0;
    --ground:#FBF1F2;
    --wash-a:rgba(193,127,140,.15);
    --wash-b:rgba(224,178,168,.18);
    --glass:rgba(255,255,255,.54);
    --glass-strong:rgba(255,255,255,.76);
    --glass-quiet:rgba(255,255,255,.36);
    --sheen:rgba(255,255,255,.8);
    --ink:#463A3C;
    --muted:#7A6165;
    --hair:rgba(184,110,126,.24);
    --hair-soft:rgba(122,74,85,.11);
    --deep:#7A4A55;
    --heading:#7A4A55;
    --deep-ink:#FFFFFF;
    --accent:#C98B96;
    --accent-text:#8E4F5C;
    --field:rgba(255,255,255,.64);
    --soft:0 1px 2px rgba(122,74,85,.05), 0 10px 30px -8px rgba(122,74,85,.13);
    --lift:0 2px 6px rgba(122,74,85,.07), 0 18px 44px -12px rgba(122,74,85,.2);
    --display-weight:500;
    --serif:Didot, "Bodoni 72", "Playfair Display", Georgia, serif;
    --sans:"Avenir Next", Avenir, Futura, "Century Gothic", Helvetica, sans-serif;
  }


  /* Sky: cool blue, old-style serif with a humanist sans */
  :root[data-theme="sky"]{
    --hero-n:#C4DCEC;
    --ground:#EEF3F8;
    --wash-a:rgba(110,152,184,.16);
    --wash-b:rgba(160,190,212,.18);
    --glass:rgba(255,255,255,.56);
    --glass-strong:rgba(255,255,255,.78);
    --glass-quiet:rgba(255,255,255,.38);
    --sheen:rgba(255,255,255,.82);
    --ink:#36414A;
    --muted:#5F6D79;
    --hair:rgba(83,124,153,.24);
    --hair-soft:rgba(61,90,114,.11);
    --deep:#3D5A72;
    --heading:#3D5A72;
    --deep-ink:#FFFFFF;
    --accent:#7FA8C4;
    --accent-text:#456E8A;
    --field:rgba(255,255,255,.66);
    --soft:0 1px 2px rgba(61,90,114,.05), 0 10px 30px -8px rgba(61,90,114,.13);
    --lift:0 2px 6px rgba(61,90,114,.07), 0 18px 44px -12px rgba(61,90,114,.2);
    --display-weight:700;
    --serif:"Avenir Next", Futura, "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
    --sans:"Gill Sans MT", "Gill Sans", Optima, "Trebuchet MS", Helvetica, sans-serif;
  }


  /* Lilac: lavender, classical serif with a soft humanist sans */
  :root[data-theme="lilac"]{
    --hero-n:#D9CBEB;
    --ground:#F4F0F9;
    --wash-a:rgba(146,122,180,.16);
    --wash-b:rgba(196,176,214,.18);
    --glass:rgba(255,255,255,.55);
    --glass-strong:rgba(255,255,255,.77);
    --glass-quiet:rgba(255,255,255,.37);
    --sheen:rgba(255,255,255,.82);
    --ink:#3F3849;
    --muted:#6A6379;
    --hair:rgba(126,102,163,.23);
    --hair-soft:rgba(87,69,112,.11);
    --deep:#574570;
    --heading:#574570;
    --deep-ink:#FFFFFF;
    --accent:#A38CC0;
    --accent-text:#634E8A;
    --field:rgba(255,255,255,.65);
    --soft:0 1px 2px rgba(87,69,112,.05), 0 10px 30px -8px rgba(87,69,112,.13);
    --lift:0 2px 6px rgba(87,69,112,.07), 0 18px 44px -12px rgba(87,69,112,.2);
    --display-weight:500;
    --serif:"Hoefler Text", Garamond, "EB Garamond", "Times New Roman", serif;
  }


  /* Apricot: warm peach, sturdy text serif with a friendly sans */
  :root[data-theme="apricot"]{
    --hero-n:#F7DDD0;
    --ground:#FBF1EA;
    --wash-a:rgba(232,180,160,.10);
    --wash-b:rgba(246,208,192,.14);
    --wash-c:rgba(255,255,255,.9);
    --glass:rgba(255,255,255,.62);
    --glass-strong:rgba(255,255,255,.82);
    --glass-quiet:rgba(255,255,255,.42);
    --sheen:rgba(255,255,255,.9);
    --ink:#4A3A35;
    --muted:#8A736B;
    --hair:rgba(196,140,120,.26);
    --hair-soft:rgba(120,80,66,.09);
    --deep:#8B5E54;
    --heading:#7A4A3E;
    --deep-ink:#FFFFFF;
    --accent:#E8B4A0;
    --accent-text:#9A5B49;
    --field:rgba(255,255,255,.72);
    --soft:0 1px 2px rgba(120,80,66,.05), 0 10px 30px -10px rgba(120,80,66,.12);
    --lift:0 2px 6px rgba(120,80,66,.06), 0 18px 44px -14px rgba(120,80,66,.2);
    --display-weight:400;
    --serif:"Iowan Old Style", Charter, "Bitstream Charter", Georgia, serif;
    --sans:"Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
  }
  :root[data-theme="cream"]{
    --hero-n:#EBDDC0;
    --ground:#F5F0E6;
    --wash-a:rgba(190,170,130,.10);
    --wash-b:rgba(220,205,175,.14);
    --wash-c:rgba(255,255,255,.9);
    --glass:rgba(255,255,255,.62);
    --glass-strong:rgba(255,255,255,.82);
    --glass-quiet:rgba(255,255,255,.42);
    --sheen:rgba(255,255,255,.9);
    --ink:#3A352D;
    --muted:#7C7466;
    --hair:rgba(150,130,100,.24);
    --hair-soft:rgba(90,75,50,.09);
    --deep:#4A4238;
    --heading:#3F382F;
    --deep-ink:#FFFFFF;
    --accent:#B9A98B;
    --accent-text:#7A6B52;
    --field:rgba(255,255,255,.74);
    --soft:0 1px 2px rgba(90,75,50,.05), 0 10px 30px -10px rgba(90,75,50,.12);
    --lift:0 2px 6px rgba(90,75,50,.06), 0 18px 44px -14px rgba(90,75,50,.2);
    --display-weight:400;
  }




  
  :root[data-theme="pearl"]{
    --hero-n:#E9E6DF;
    --ground:#F8F7F4;
    --wash-a:rgba(0,0,0,.02);
    --wash-b:rgba(0,0,0,.03);
    --wash-c:rgba(255,255,255,.95);
    --glass:rgba(255,255,255,.72);
    --glass-strong:rgba(255,255,255,.9);
    --glass-quiet:rgba(255,255,255,.5);
    --sheen:rgba(255,255,255,.95);
    --ink:#2B2B2A;
    --muted:#78756E;
    --hair:rgba(0,0,0,.12);
    --hair-soft:rgba(0,0,0,.06);
    --deep:#2F2F2E;
    --heading:#232322;
    --deep-ink:#FFFFFF;
    --accent:#A9A59B;
    --accent-text:#6A665D;
    --field:rgba(255,255,255,.9);
    --soft:0 1px 2px rgba(0,0,0,.04), 0 10px 30px -10px rgba(0,0,0,.08);
    --lift:0 2px 6px rgba(0,0,0,.05), 0 18px 44px -14px rgba(0,0,0,.14);
    --display-weight:400;
  }
  :root[data-theme="pastel"]{
    --hero-n:#E9E6DF;
    --ground:#F9F8F6;
    --wash-a:rgba(0,0,0,.02);
    --wash-b:rgba(0,0,0,.03);
    --wash-c:rgba(255,255,255,.95);
    --glass:rgba(255,255,255,.72);
    --glass-strong:rgba(255,255,255,.9);
    --glass-quiet:rgba(255,255,255,.5);
    --sheen:rgba(255,255,255,.95);
    --ink:#2B2B2A;
    --muted:#78756E;
    --hair:rgba(0,0,0,.12);
    --hair-soft:rgba(0,0,0,.06);
    --deep:#A08BD2;
    --heading:#232322;
    --deep-ink:#FFFFFF;
    --accent:#B9A6DE;
    --accent-text:#7A63B5;
    --field:rgba(255,255,255,.9);
    --soft:0 1px 2px rgba(0,0,0,.04), 0 10px 30px -10px rgba(0,0,0,.08);
    --lift:0 2px 6px rgba(0,0,0,.05), 0 18px 44px -14px rgba(0,0,0,.14);
    --display-weight:400;
  }
  :root[data-theme="midnight"]{
    --hero-n:#DCE6F7;
    --ground:#0E1626;
    --wash-a:rgba(255,255,255,.03);
    --wash-b:rgba(255,255,255,.03);
    --wash-c:rgba(24,36,60,.9);
    --glass:rgba(44,62,96,.5);
    --glass-strong:rgba(32,46,74,.82);
    --glass-quiet:rgba(60,82,124,.3);
    --sheen:rgba(255,255,255,.10);
    --ink:#E6ECF5;
    --muted:#92A0B8;
    --hair:rgba(160,185,230,.2);
    --hair-soft:rgba(160,185,230,.08);
    --deep:#E6ECF5;
    --heading:#F0F4FA;
    --deep-ink:#0E1626;
    --accent:#8FB0E8;
    --accent-text:#A9C4F0;
    --field:rgba(14,22,38,.6);
    --soft:0 1px 2px rgba(0,0,0,.3), 0 12px 32px -10px rgba(0,0,0,.55);
    --lift:0 2px 8px rgba(0,0,0,.36), 0 22px 50px -14px rgba(0,0,0,.65);
    --display-weight:500;
    --serif:"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  :root[data-theme="wine"]{
    --hero-n:#F3DCE0;
    --ground:#4A0E1C;
    --wash-a:rgba(176,52,76,.55);
    --wash-b:rgba(34,6,14,.6);
    --wash-c:rgba(70,16,30,.9);
    --glass:rgba(110,30,48,.5);
    --glass-strong:rgba(84,22,38,.82);
    --glass-quiet:rgba(140,48,68,.3);
    --sheen:rgba(255,255,255,.10);
    --ink:#F4E6E8;
    --muted:#B89AA0;
    --hair:rgba(230,160,176,.2);
    --hair-soft:rgba(230,160,176,.08);
    --deep:#F4E6E8;
    --heading:#FAF0F1;
    --deep-ink:#2A0B14;
    --accent:#D98A9A;
    --accent-text:#EBA9B6;
    --field:rgba(30,10,16,.6);
    --soft:0 1px 2px rgba(0,0,0,.3), 0 12px 32px -10px rgba(0,0,0,.55);
    --lift:0 2px 8px rgba(0,0,0,.36), 0 22px 50px -14px rgba(0,0,0,.65);
    --display-weight:500;
    --serif:"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }