/* =====================================================================
   designprompts.dev — 30 styles for Mirage
   Tokens consumed by mirage.css:
     --c-bg --c-fg --c-mut --c-line --c-acc
     --c-r --c-pad --c-bw --c-sh --c-tt --c-fd --c-fb --c-hw
   Colours follow the published token sets where they exist.
   ===================================================================== */

/* ============================ LIGHT · SERIF ============================ */

#sheet.th-monochrome{
  --c-bg:#FFFFFF; --c-fg:#000000; --c-mut:#333333; --c-line:#000000; --c-acc:#000000;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:-.02em; --c-pad:32px; --c-hw:900;
  --c-fd:"Playfair Display",Didot,"Bodoni 72",Georgia,serif;
  --c-fb:Georgia,"Times New Roman",serif;
}
#sheet.th-monochrome .c-hero h1{font-size:clamp(38px,6.4vw,72px);line-height:.9;letter-spacing:-.03em;max-width:11ch}
#sheet.th-monochrome .c-nav{border-bottom-width:2px}
#sheet.th-monochrome .c-card{border-width:1px}
#sheet.th-monochrome .c-hero .b2{border-width:1px}

#sheet.th-newsprint{
  --c-bg:#F4EFE4; --c-fg:#161310; --c-mut:#5A5147; --c-line:#161310; --c-acc:#8A1E1E;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:-.02em; --c-hw:900;
  --c-fd:"Playfair Display",Georgia,serif;
  --c-fb:"Libre Baskerville",Georgia,serif;
}
#sheet.th-newsprint .c-hero{border-bottom:4px double var(--c-fg)}
#sheet.th-newsprint .c-hero h1{font-size:clamp(34px,5.4vw,58px);line-height:.96;text-align:center;max-width:none}
#sheet.th-newsprint .c-hero p{margin-left:auto;margin-right:auto;text-align:center}
#sheet.th-newsprint .c-nav{border-bottom:3px double var(--c-fg);justify-content:center}
#sheet.th-newsprint .c-nav .ln{margin-left:0}
#sheet.th-newsprint .c-text p{column-count:2;column-gap:28px;text-align:justify;hyphens:auto}
#sheet.th-newsprint .c-text p::first-letter{float:left;font-family:var(--c-fd);font-size:3.1em;
  line-height:.82;padding:2px 7px 0 0;font-weight:900}

#sheet.th-luxury{
  --c-bg:#F5F1EA; --c-fg:#1A1611; --c-mut:#6C5F4A; --c-line:#D9CDB4; --c-acc:#8A6D3B;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:.02em; --c-pad:34px; --c-hw:300;
  --c-fd:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --c-fb:"Cormorant Garamond",Georgia,serif;
}
#sheet.th-luxury .c-hero h1{font-size:clamp(34px,5vw,56px);font-weight:300;letter-spacing:.01em}
#sheet.th-luxury .c-nav .lg{font-weight:400;letter-spacing:.34em;text-transform:uppercase;font-size:13px}
#sheet.th-luxury .c-card .k,#sheet.th-luxury .c-price .tn{letter-spacing:.3em}
#sheet.th-luxury .c-hero .b1{letter-spacing:.22em;text-transform:uppercase;font-size:11px;padding:13px 26px}

#sheet.th-academia{
  --c-bg:#F1EAD8; --c-fg:#2B1F14; --c-mut:#6B5942; --c-line:#C8B994; --c-acc:#5B2A1E;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:0em; --c-pad:28px; --c-hw:600;
  --c-fd:"EB Garamond","Libre Baskerville",Georgia,serif;
  --c-fb:"EB Garamond",Georgia,serif;
}
#sheet.th-academia .c-hero h1{font-style:italic;font-weight:500}
#sheet.th-academia .c-text p{max-width:66ch;line-height:1.85}
#sheet.th-academia .c-card{background:rgba(255,255,255,.4)}

#sheet.th-botanical{
  --c-bg:#F1EFE6; --c-fg:#2A2E23; --c-mut:#5F6B54; --c-line:#CFD1BE; --c-acc:#4C6B3D;
  --c-r:4px; --c-bw:1px; --c-sh:none; --c-tt:-.01em; --c-pad:28px; --c-hw:600;
  --c-fd:Fraunces,"Playfair Display",Georgia,serif;
  --c-fb:Fraunces,Georgia,serif;
}
#sheet.th-botanical .c-card{border-radius:4px 22px 4px 22px}
#sheet.th-botanical .c-hero .b1{border-radius:22px}

#sheet.th-organic{
  --c-bg:#F6F1EA; --c-fg:#2C221A; --c-mut:#6D604F; --c-line:#E1D6C4; --c-acc:#B76E3D;
  --c-r:26px; --c-bw:1px; --c-sh:none; --c-tt:-.02em; --c-pad:30px; --c-hw:600;
  --c-fd:Fraunces,Georgia,serif; --c-fb:Fraunces,Georgia,serif;
}
#sheet.th-organic .c-card{border-radius:40px 26px 40px 26px}
#sheet.th-organic .c-img{border-radius:50% 26px 50% 26px}
#sheet.th-organic .c-hero .b1,#sheet.th-organic .c-hero .b2{border-radius:40px}

/* ============================ LIGHT · SANS ============================ */

#sheet.th-bauhaus{
  --c-bg:#F2ECDA; --c-fg:#111111; --c-mut:#3A3A3A; --c-line:#111111; --c-acc:#D3212C;
  --c-r:0px; --c-bw:2px; --c-sh:none; --c-tt:-.03em; --c-hw:400;
  --c-fd:"Archivo Black",sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-bauhaus .c-nav{border-bottom-width:3px}
#sheet.th-bauhaus .c-hero{border-bottom-width:3px;
  background:radial-gradient(circle at 88% 50%, #0055A4 0 58px, transparent 58px),
             linear-gradient(180deg,transparent 0,transparent 100%)}
#sheet.th-bauhaus .c-card:nth-child(3n+1){background:#FFD500}
#sheet.th-bauhaus .c-card:nth-child(3n+2){background:#0055A4;color:#F2ECDA}
#sheet.th-bauhaus .c-card:nth-child(3n+2) p,
#sheet.th-bauhaus .c-card:nth-child(3n+2) h4{color:#F2ECDA}
#sheet.th-bauhaus .c-card:nth-child(3n+2) .k{color:#FFD500}
#sheet.th-bauhaus .c-card:nth-child(3n){background:#D3212C;color:#F2ECDA}
#sheet.th-bauhaus .c-card:nth-child(3n) p,
#sheet.th-bauhaus .c-card:nth-child(3n) h4{color:#F2ECDA}
#sheet.th-bauhaus .c-card:nth-child(3n) .k{color:#FFD500}
#sheet.th-bauhaus .c-stats .n{color:#0055A4}

#sheet.th-saas{
  --c-bg:#FFFFFF; --c-fg:#0F1730; --c-mut:#6B7488; --c-line:#EDEFF5; --c-acc:#4F46E5;
  --c-r:10px; --c-pad:30px; --c-bw:1px; --c-tt:-.03em; --c-hw:700;
  --c-sh:0 1px 2px rgba(15,23,48,.06),0 4px 12px rgba(15,23,48,.04);
  --c-fd:Inter,system-ui,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-saas .c-hero{background:linear-gradient(180deg,#F7F7FF 0%,#FFFFFF 100%)}
#sheet.th-saas .c-hero .b1{box-shadow:0 4px 14px rgba(79,70,229,.3)}
#sheet.th-saas .c-card{transition:box-shadow .2s}

#sheet.th-swiss-minimalist{
  --c-bg:#FFFFFF; --c-fg:#000000; --c-mut:#4A4A4A; --c-line:#000000; --c-acc:#E30613;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:-.025em; --c-pad:28px; --c-hw:700;
  --c-fd:"Helvetica Neue",Inter,Helvetica,Arial,sans-serif;
  --c-fb:"Helvetica Neue",Inter,Helvetica,Arial,sans-serif;
}
#sheet.th-swiss-minimalist .c-hero h1{font-size:clamp(38px,6.2vw,68px);line-height:.94;max-width:13ch}
#sheet.th-swiss-minimalist .c-hero p{max-width:38ch}
#sheet.th-swiss-minimalist .c-card{border-width:0;border-top:3px solid var(--c-fg);padding-left:0}
#sheet.th-swiss-minimalist .c-nav .cta{border-radius:0}

#sheet.th-flat-design{
  --c-bg:#F5F7FA; --c-fg:#2D3E50; --c-mut:#7F8C8D; --c-line:#DFE6E9; --c-acc:#E74C3C;
  --c-r:4px; --c-bw:0px; --c-sh:none; --c-tt:-.02em; --c-hw:700;
  --c-fd:Inter,system-ui,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-flat-design .c-card{background:#FFFFFF}
#sheet.th-flat-design .c-card:nth-child(4n+1){border-top:4px solid #E74C3C}
#sheet.th-flat-design .c-card:nth-child(4n+2){border-top:4px solid #3498DB}
#sheet.th-flat-design .c-card:nth-child(4n+3){border-top:4px solid #2ECC71}
#sheet.th-flat-design .c-card:nth-child(4n){border-top:4px solid #F1C40F}
#sheet.th-flat-design .c-hero{background:#3498DB;color:#fff}
#sheet.th-flat-design .c-hero p{color:rgba(255,255,255,.86)}
#sheet.th-flat-design .c-hero .b1{background:#E74C3C}
#sheet.th-flat-design .c-hero .b2{border-color:#fff;color:#fff}

#sheet.th-material-design{
  --c-bg:#FAFAFA; --c-fg:#212121; --c-mut:#616161; --c-line:#E0E0E0; --c-acc:#1976D2;
  --c-r:4px; --c-pad:24px; --c-bw:0px; --c-tt:-.01em; --c-hw:500;
  --c-sh:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  --c-fd:Roboto,Inter,system-ui,sans-serif; --c-fb:Roboto,Inter,system-ui,sans-serif;
}
#sheet.th-material-design .c-card{background:#fff}
#sheet.th-material-design .c-nav{background:#1976D2;color:#fff;
  box-shadow:0 2px 4px rgba(0,0,0,.24)}
#sheet.th-material-design .c-nav .ln{color:rgba(255,255,255,.82)}
#sheet.th-material-design .c-nav .cta{background:#FF4081;border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.3)}
#sheet.th-material-design .c-hero .b1{border-radius:4px;text-transform:uppercase;
  letter-spacing:.09em;font-size:12px;box-shadow:0 1px 3px rgba(0,0,0,.24)}

#sheet.th-neo-brutalism{
  --c-bg:#F5F0E5; --c-fg:#0B0B0B; --c-mut:#3A3A3A; --c-line:#0B0B0B; --c-acc:#FF5A1F;
  --c-r:0px; --c-bw:3px; --c-sh:6px 6px 0 #0B0B0B; --c-tt:-.045em; --c-hw:700;
  --c-fd:"Space Grotesk","Archivo Black",sans-serif; --c-fb:"Space Grotesk",sans-serif;
}
#sheet.th-neo-brutalism .c-nav{border-bottom-width:3px}
#sheet.th-neo-brutalism .c-card:nth-child(3n+1){background:#FFE066}
#sheet.th-neo-brutalism .c-card:nth-child(3n+2){background:#7BD8FF}
#sheet.th-neo-brutalism .c-card:nth-child(3n){background:#FF9EC4}
#sheet.th-neo-brutalism .c-hero .b2{box-shadow:6px 6px 0 #0B0B0B;border-color:#0B0B0B;color:#0B0B0B}
#sheet.th-neo-brutalism .c-stats .s{border:3px solid #0B0B0B}

#sheet.th-playful-geometric{
  --c-bg:#FFF5E7; --c-fg:#2A1E4A; --c-mut:#6E5A94; --c-line:#2A1E4A; --c-acc:#F76C6C;
  --c-r:20px; --c-pad:28px; --c-bw:2px; --c-sh:none; --c-tt:-.03em; --c-hw:700;
  --c-fd:"Space Grotesk",sans-serif; --c-fb:"Space Grotesk",sans-serif;
}
#sheet.th-playful-geometric .c-card{border-radius:24px}
#sheet.th-playful-geometric .c-card:nth-child(4n+1){background:#FFD166}
#sheet.th-playful-geometric .c-card:nth-child(4n+2){background:#8AD5C4}
#sheet.th-playful-geometric .c-card:nth-child(4n+3){background:#F4A9D0}
#sheet.th-playful-geometric .c-card:nth-child(4n){background:#9BB8F5}
#sheet.th-playful-geometric .c-hero{
  background:radial-gradient(circle at 90% 22%, #8AD5C4 0 44px, transparent 44px),
             radial-gradient(circle at 78% 78%, #FFD166 0 28px, transparent 28px)}
#sheet.th-playful-geometric .c-hero .b1,
#sheet.th-playful-geometric .c-hero .b2{border-radius:999px}

#sheet.th-claymorphism{
  --c-bg:#E8E4F5; --c-fg:#2F2A5B; --c-mut:#6E68A0; --c-line:transparent; --c-acc:#7F6BD6;
  --c-r:26px; --c-pad:28px; --c-bw:0px; --c-tt:-.02em; --c-hw:800;
  --c-sh:-6px -6px 14px rgba(255,255,255,.9), 8px 10px 20px rgba(140,130,190,.35);
  --c-fd:Nunito,Inter,system-ui,sans-serif; --c-fb:Nunito,Inter,system-ui,sans-serif;
}
#sheet.th-claymorphism .c-card{background:#EFECFA;border:none}
#sheet.th-claymorphism .c-img{background:#DED9F2;border:none}
#sheet.th-claymorphism .c-hero .b1{border-radius:999px;
  box-shadow:-4px -4px 10px rgba(255,255,255,.55), 6px 8px 16px rgba(90,70,170,.4)}
#sheet.th-claymorphism .c-row>*+*{border-left:none}

#sheet.th-professional{
  --c-bg:#FFFFFF; --c-fg:#1B2733; --c-mut:#5F6C7B; --c-line:#E4E9EE; --c-acc:#0B5FFF;
  --c-r:3px; --c-bw:1px; --c-sh:none; --c-tt:-.02em; --c-hw:700;
  --c-fd:Inter,system-ui,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-professional .c-nav{border-bottom-width:2px;border-bottom-color:#0B5FFF}
#sheet.th-professional .c-card{border-top:2px solid #0B5FFF}

#sheet.th-enterprise{
  --c-bg:#F8F9FB; --c-fg:#0F1419; --c-mut:#5B6572; --c-line:#DDE2E8; --c-acc:#0057B7;
  --c-r:2px; --c-pad:22px; --c-bw:1px; --c-sh:none; --c-tt:-.015em; --c-hw:600;
  --c-fd:"IBM Plex Sans",Inter,system-ui,sans-serif;
  --c-fb:"IBM Plex Sans",Inter,system-ui,sans-serif;
}
#sheet.th-enterprise .c-card{background:#fff}
#sheet.th-enterprise .c-stats{background:#DDE2E8;gap:1px}
#sheet.th-enterprise .c-stats .n{font-size:22px}
#sheet.th-enterprise .c-table th{background:#EFF2F6}
#sheet.th-enterprise .c-hero h1{font-size:clamp(24px,3vw,34px)}

#sheet.th-sketch{
  --c-bg:#FCFAF3; --c-fg:#1F1B14; --c-mut:#6B6350; --c-line:#1F1B14; --c-acc:#D66D3C;
  --c-r:10px; --c-bw:2px; --c-sh:3px 3px 0 rgba(31,27,20,.22); --c-tt:0em; --c-hw:700;
  --c-fd:Caveat,cursive; --c-fb:Kalam,"Comic Neue",cursive;
}
#sheet.th-sketch .c-hero h1{font-size:clamp(36px,5.6vw,60px)}
#sheet.th-sketch .c-card,#sheet.th-sketch .c-img,#sheet.th-sketch .c-form .inp,
#sheet.th-sketch .c-price .p{border-style:dashed;border-radius:14px 8px 16px 6px}
#sheet.th-sketch .c-card:nth-child(2n){transform:rotate(-.5deg)}
#sheet.th-sketch .c-card:nth-child(2n+1){transform:rotate(.4deg)}
#sheet.th-sketch .c-hero .b1{border-radius:16px 9px 18px 7px}

#sheet.th-industrial{
  --c-bg:#DFDCD5; --c-fg:#1A1A1A; --c-mut:#4A4744; --c-line:#3A3735; --c-acc:#C24A2C;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:.01em; --c-hw:600;
  --c-fd:Oswald,"Bebas Neue",Archivo,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-industrial .c-hero h1,#sheet.th-industrial .c-nav .lg,
#sheet.th-industrial .c-card h4{text-transform:uppercase;letter-spacing:.02em}
#sheet.th-industrial .c-nav{
  background:repeating-linear-gradient(45deg,#C9C5BC 0 10px,#DFDCD5 10px 20px);
  border-bottom-width:2px}
#sheet.th-industrial .c-card{background:#D5D1C8;border-width:2px}
#sheet.th-industrial .c-hero .b1{text-transform:uppercase;letter-spacing:.12em;font-size:12px}

#sheet.th-neumorphism{
  --c-bg:#E4E9EF; --c-fg:#2A3140; --c-mut:#5F6B7C; --c-line:transparent; --c-acc:#4F7BE8;
  --c-r:20px; --c-pad:28px; --c-bw:0px; --c-tt:-.02em; --c-hw:700;
  --c-sh:-6px -6px 12px rgba(255,255,255,.9), 6px 6px 14px rgba(163,177,198,.55);
  --c-fd:Inter,system-ui,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-neumorphism .c-card{background:#E4E9EF;border:none}
#sheet.th-neumorphism .c-img{background:#E4E9EF;border:none;
  box-shadow:inset -5px -5px 10px rgba(255,255,255,.85), inset 5px 5px 12px rgba(163,177,198,.55)}
#sheet.th-neumorphism .c-form .inp{border:none;
  box-shadow:inset -3px -3px 7px rgba(255,255,255,.9), inset 3px 3px 8px rgba(163,177,198,.55)}
#sheet.th-neumorphism .c-row>*+*{border-left:none}
#sheet.th-neumorphism .c-nav,#sheet.th-neumorphism .c-hero{border-bottom:none}

#sheet.th-maximalism{
  --c-bg:#FFF3D6; --c-fg:#1A1A1A; --c-mut:#4A2A5A; --c-line:#1A1A1A; --c-acc:#E5197A;
  --c-r:10px; --c-bw:3px; --c-sh:5px 5px 0 #00A6A6; --c-tt:-.04em; --c-hw:800;
  --c-fd:"Space Grotesk","Archivo Black",sans-serif; --c-fb:"Space Grotesk",sans-serif;
}
#sheet.th-maximalism .c-hero{
  background:repeating-linear-gradient(45deg,#FFD6EC 0 16px,#FFF3D6 16px 32px)}
#sheet.th-maximalism .c-card:nth-child(4n+1){background:#FFB800;box-shadow:5px 5px 0 #E5197A}
#sheet.th-maximalism .c-card:nth-child(4n+2){background:#00A6A6;box-shadow:5px 5px 0 #FFB800}
#sheet.th-maximalism .c-card:nth-child(4n+3){background:#B967FF;box-shadow:5px 5px 0 #00A6A6}
#sheet.th-maximalism .c-card:nth-child(4n){background:#FF6B6B;box-shadow:5px 5px 0 #B967FF}
#sheet.th-maximalism .c-stats{background:#00A6A6}
#sheet.th-maximalism .c-banner{background:#7A2E8E}

#sheet.th-retro{
  --c-bg:#F0E5C9; --c-fg:#1E1810; --c-mut:#6A5C41; --c-line:#1E1810; --c-acc:#B5471E;
  --c-r:0px; --c-bw:2px; --c-sh:4px 4px 0 #1E1810; --c-tt:0em; --c-hw:400;
  --c-fd:VT323,"IBM Plex Mono",monospace; --c-fb:"Space Mono","IBM Plex Mono",monospace;
}
#sheet.th-retro .c-hero h1{font-size:clamp(38px,6vw,66px);line-height:1}
#sheet.th-retro .c-img{background:#1E1810;color:#7FE07F;border-color:#1E1810}
#sheet.th-retro .c-card{background:#E6D9B8}
#sheet.th-retro .c-nav{background:#1E1810;color:#F0E5C9}
#sheet.th-retro .c-nav .ln{color:#C9B98A}

/* ============================ DARK ============================ */

#sheet.th-modern-dark{
  --c-bg:#0B0B0F; --c-fg:#F4F5F7; --c-mut:#8A8F9A; --c-line:#1E2028; --c-acc:#7C5CFF;
  --c-r:10px; --c-pad:28px; --c-bw:1px; --c-sh:none; --c-tt:-.025em; --c-hw:700;
  --c-fd:Inter,system-ui,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-modern-dark .c-hero{
  background:radial-gradient(ellipse 70% 100% at 50% 0%, rgba(124,92,255,.16), transparent 70%)}
#sheet.th-modern-dark .c-card{background:#101218}

#sheet.th-minimal-dark{
  --c-bg:#0E0E10; --c-fg:#EDEEF0; --c-mut:#7A7C82; --c-line:#1F2124; --c-acc:#EDEEF0;
  --c-r:2px; --c-pad:34px; --c-bw:1px; --c-sh:none; --c-tt:-.02em; --c-hw:500;
  --c-fd:Inter,system-ui,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-minimal-dark .c-hero h1{font-weight:400;font-size:clamp(28px,3.6vw,40px)}
#sheet.th-minimal-dark .c-hero .b1{background:#EDEEF0;color:#0E0E10}
#sheet.th-minimal-dark .c-card{border-color:#1F2124}

#sheet.th-bold-typography{
  --c-bg:#0A0A0A; --c-fg:#F5F5F0; --c-mut:#9C9C95; --c-line:#1A1A1A; --c-acc:#F5F5F0;
  --c-r:0px; --c-bw:0px; --c-sh:none; --c-tt:-.055em; --c-pad:28px; --c-hw:400;
  --c-fd:"Archivo Black","Space Grotesk",sans-serif; --c-fb:"Space Grotesk",sans-serif;
}
#sheet.th-bold-typography .c-hero h1{font-size:clamp(46px,8.5vw,104px);line-height:.86;max-width:none}
#sheet.th-bold-typography .c-hero .b1{background:#F5F5F0;color:#0A0A0A;font-weight:400}
#sheet.th-bold-typography .c-card h4{font-size:22px}
#sheet.th-bold-typography .c-stats .n{font-size:44px}

#sheet.th-kinetic{
  --c-bg:#000000; --c-fg:#FFFFFF; --c-mut:#A0A0A0; --c-line:#1A1A1A; --c-acc:#00E5A0;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:-.06em; --c-pad:28px; --c-hw:700;
  --c-fd:"Space Grotesk","Archivo Black",sans-serif; --c-fb:"Space Grotesk",sans-serif;
}
#sheet.th-kinetic .c-hero h1{font-size:clamp(42px,7.4vw,88px);line-height:.88;
  animation:kin 5s ease-in-out infinite;max-width:none}
@keyframes kin{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
#sheet.th-kinetic .c-hero .b1{color:#000}
#sheet.th-kinetic .c-nav .lg{letter-spacing:-.08em}

#sheet.th-web3{
  --c-bg:#0A0715; --c-fg:#EFEBFF; --c-mut:#8479B0; --c-line:#1F1735; --c-acc:#B67AFF;
  --c-r:14px; --c-pad:28px; --c-bw:1px; --c-tt:-.03em; --c-hw:700;
  --c-sh:0 0 26px rgba(182,122,255,.2);
  --c-fd:"Space Grotesk",Inter,sans-serif; --c-fb:Inter,system-ui,sans-serif;
}
#sheet.th-web3 .c-hero{
  background:radial-gradient(ellipse 80% 100% at 30% 0%, rgba(182,122,255,.2), transparent 65%),
             radial-gradient(ellipse 60% 80% at 85% 40%, rgba(0,229,255,.12), transparent 65%)}
#sheet.th-web3 .c-hero h1{background:linear-gradient(94deg,#EFEBFF 10%,#B67AFF 55%,#4FD8FF 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
#sheet.th-web3 .c-hero .b1{background:linear-gradient(90deg,#B67AFF,#6C4BEF);color:#fff}
#sheet.th-web3 .c-card{background:rgba(255,255,255,.03);border-color:rgba(182,122,255,.24)}

#sheet.th-art-deco{
  --c-bg:#141428; --c-fg:#D4AF37; --c-mut:#A8913F; --c-line:#D4AF37; --c-acc:#E94560;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:.06em; --c-pad:30px; --c-hw:400;
  --c-fd:"Poiret One","Josefin Sans",serif; --c-fb:"Cormorant Garamond",serif;
}
#sheet.th-art-deco .c-hero{
  border-bottom:3px double var(--c-fg);
  background:
    repeating-linear-gradient(90deg, rgba(212,175,55,.14) 0 1px, transparent 1px 13px) top/100% 22px no-repeat,
    repeating-linear-gradient(90deg, rgba(212,175,55,.14) 0 1px, transparent 1px 13px) bottom/100% 22px no-repeat,
    #0F3460;
}
#sheet.th-art-deco .c-hero h1{text-transform:uppercase;letter-spacing:.14em;text-align:center;
  max-width:none;font-size:clamp(26px,3.8vw,44px)}
#sheet.th-art-deco .c-hero p{margin-left:auto;margin-right:auto;text-align:center}
#sheet.th-art-deco .c-nav{border-bottom:3px double var(--c-fg)}
#sheet.th-art-deco .c-nav .lg{letter-spacing:.3em;text-transform:uppercase}
#sheet.th-art-deco .c-card{background:#0F3460;border-color:rgba(212,175,55,.5)}
#sheet.th-art-deco .c-hero .b1{color:#141428}

#sheet.th-vaporwave{
  --c-bg:#1A0A2E; --c-fg:#FF71CE; --c-mut:#C4A9E0; --c-line:#3A1A5A; --c-acc:#01CDFE;
  --c-r:0px; --c-bw:1px; --c-tt:.04em; --c-hw:400;
  --c-sh:0 0 18px rgba(255,113,206,.4);
  --c-fd:VT323,"Press Start 2P",monospace; --c-fb:"Space Mono",monospace;
}
#sheet.th-vaporwave .c-hero{
  background:
    linear-gradient(180deg, rgba(255,113,206,.18) 0%, transparent 46%),
    repeating-linear-gradient(0deg, rgba(1,205,254,.28) 0 1px, transparent 1px 26px) bottom/100% 55% no-repeat,
    repeating-linear-gradient(90deg, rgba(1,205,254,.28) 0 1px, transparent 1px 40px) bottom/100% 55% no-repeat;
}
#sheet.th-vaporwave .c-hero h1{font-size:clamp(40px,6.6vw,74px);
  text-shadow:3px 0 #01CDFE, -3px 0 #05FFA1; letter-spacing:.06em}
#sheet.th-vaporwave .c-hero .b1{color:#1A0A2E}
#sheet.th-vaporwave .c-card{background:rgba(185,103,255,.12);border-color:#B967FF}
#sheet.th-vaporwave .c-stats .n{color:#05FFA1}

#sheet.th-terminal-dp{
  --c-bg:#0D1117; --c-fg:#00FF66; --c-mut:#3A8A5A; --c-line:#123A24; --c-acc:#FFCC00;
  --c-r:0px; --c-bw:1px; --c-sh:none; --c-tt:0em; --c-hw:500;
  --c-fd:"JetBrains Mono","Fira Code",monospace; --c-fb:"JetBrains Mono",monospace;
}
#sheet.th-terminal-dp .c-hero,#sheet.th-terminal-dp .c-text,
#sheet.th-terminal-dp .c-grid,#sheet.th-terminal-dp .c-nav{
  background-image:linear-gradient(rgba(0,255,102,.045) 50%, transparent 50%);
  background-size:100% 3px;
}
#sheet.th-terminal-dp .c-hero h1{text-shadow:0 0 10px rgba(0,255,102,.65);font-size:clamp(24px,3.2vw,38px)}
#sheet.th-terminal-dp .c-nav .lg::before{content:"$ ";color:var(--c-acc)}
#sheet.th-terminal-dp .c-hero h1::after{content:"_";animation:blink 1.05s step-end infinite}
@keyframes blink{50%{opacity:0}}
#sheet.th-terminal-dp .c-card{background:#0A0E13}
#sheet.th-terminal-dp .c-hero .b1{color:#0D1117}

#sheet.th-cyberpunk{
  --c-bg:#0A0A0F; --c-fg:#FF00FF; --c-mut:#B07FC4; --c-line:#2A0F3A; --c-acc:#00FFFF;
  --c-r:0px; --c-bw:1px; --c-tt:.02em; --c-hw:700;
  --c-sh:0 0 18px rgba(255,0,255,.45);
  --c-fd:Orbitron,"Share Tech Mono",monospace; --c-fb:"Space Mono",monospace;
}
#sheet.th-cyberpunk .c-hero h1{
  text-shadow:2px 0 #00FFFF, -2px 0 #FF0080, 0 0 26px rgba(255,0,255,.6);
  text-transform:uppercase;font-size:clamp(26px,3.6vw,44px)}
#sheet.th-cyberpunk .c-nav{border-bottom-color:#00FFFF;
  box-shadow:0 1px 14px rgba(0,255,255,.35)}
#sheet.th-cyberpunk .c-card{background:rgba(255,0,255,.05);border-color:#00FFFF}
#sheet.th-cyberpunk .c-card .k{color:#00FFFF;text-shadow:0 0 8px rgba(0,255,255,.7)}
#sheet.th-cyberpunk .c-hero .b1{color:#0A0A0F;box-shadow:0 0 20px rgba(0,255,255,.6)}
#sheet.th-cyberpunk .c-stats .n{text-shadow:0 0 14px rgba(0,255,255,.6)}

/* ============================ shared corrections ============================ */
/* Themes with a transparent --c-line must not draw row dividers */
#sheet.th-claymorphism .c-row,
#sheet.th-neumorphism .c-row{border-bottom:none}

/* Dark themes: the striped image placeholder needs lighter hatching */
#sheet.th-modern-dark .c-img,#sheet.th-minimal-dark .c-img,#sheet.th-bold-typography .c-img,
#sheet.th-kinetic .c-img,#sheet.th-web3 .c-img,#sheet.th-art-deco .c-img,
#sheet.th-vaporwave .c-img,#sheet.th-terminal-dp .c-img,#sheet.th-cyberpunk .c-img,
#sheet.th-terminal .c-img{
  background:repeating-linear-gradient(45deg, rgba(255,255,255,.07) 0 9px, transparent 9px 18px);
}

@media (prefers-reduced-motion:reduce){
  #sheet.th-kinetic .c-hero h1{animation:none}
  #sheet.th-terminal-dp .c-hero h1::after{animation:none}
  #sheet.th-cyberpunk .c-hero h1{text-shadow:none}
}

/* =====================================================================
   Phone optimisation per style.
   Container queries so the Phone preview genuinely reflows; these are
   converted to @media rules on export.
   ===================================================================== */
@container page (max-width:520px){
  /* editorial styles: pull the display sizes down hard */
  #sheet.th-monochrome .c-hero h1,
  #sheet.th-swiss-minimalist .c-hero h1,
  #sheet.th-bold-typography .c-hero h1,
  #sheet.th-kinetic .c-hero h1,
  #sheet.th-retro .c-hero h1,
  #sheet.th-sketch .c-hero h1,
  #sheet.th-vaporwave .c-hero h1{font-size:clamp(24px,8vw,34px);max-width:none}

  /* newsprint cannot hold two columns on a phone */
  #sheet.th-newsprint .c-text p{column-count:1}
  #sheet.th-newsprint .c-text p::first-letter{font-size:2.4em}
  #sheet.th-newsprint .c-nav{justify-content:flex-start}

  /* art deco and luxury use wide tracking that overflows small screens */
  #sheet.th-art-deco .c-hero h1{letter-spacing:.06em;font-size:22px}
  #sheet.th-art-deco .c-nav .lg,
  #sheet.th-luxury .c-nav .lg{letter-spacing:.16em;font-size:12px}
  #sheet.th-luxury .c-hero .b1{letter-spacing:.12em;padding:11px 18px}

  /* soft-UI shadows get heavy at small sizes */
  #sheet.th-neumorphism .c-card,
  #sheet.th-claymorphism .c-card{box-shadow:0 2px 8px rgba(0,0,0,.10)}

  /* offset shadows spill off the viewport */
  #sheet.th-neo-brutalism,#sheet.th-brutal,#sheet.th-maximalism,#sheet.th-retro{--c-sh:3px 3px 0 currentColor}
  #sheet.th-neo-brutalism .c-card,#sheet.th-maximalism .c-card{box-shadow:3px 3px 0 #0B0B0B}

  /* glow effects are expensive and illegible on small text */
  #sheet.th-cyberpunk .c-hero h1{text-shadow:1px 0 #00FFFF,-1px 0 #FF0080}
  #sheet.th-vaporwave .c-hero h1{text-shadow:2px 0 #01CDFE}
  #sheet.th-web3 .c-hero{background-size:cover}

  /* terminal scanlines shimmer badly on dense phone pixels */
  #sheet.th-terminal-dp .c-hero,#sheet.th-terminal-dp .c-text,
  #sheet.th-terminal-dp .c-grid,#sheet.th-terminal-dp .c-nav{background-image:none}

  /* organic and botanical asymmetric radii look broken when narrow */
  #sheet.th-organic .c-card{border-radius:26px}
  #sheet.th-organic .c-img{border-radius:26px}
  #sheet.th-botanical .c-card{border-radius:4px}

  /* industrial hatching is noise at this size */
  #sheet.th-industrial .c-nav{background:#DFDCD5}
  #sheet.th-industrial .c-card{background-image:none}

  /* bauhaus decorative circle overlaps the headline */
  #sheet.th-bauhaus .c-hero{background-image:none}
  #sheet.th-playful-geometric .c-hero{background-image:none}
  #sheet.th-maximalism .c-hero{background-size:24px 24px}
}