/*
Theme Name: Everything Dancing
Theme URI: https://everythingdancing.com
Author: OpenAI
Author URI: https://openai.com
Description: A clean, minimal, modular WordPress theme for Everything Dancing.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: everythingdancing
*/

/* ---------------------------------
   Basic reset / foundation only
--------------------------------- */

:root,
html[data-ed-palette="pulse"] {
  --ed-font-sans: "Inter", Arial, sans-serif;
  --ed-primary: #7c3aed;
  --ed-secondary: #ec4899;
  --ed-accent: #7c3aed;
  --ed-accent-hover: #6d28d9;
  --ed-teal: #0f766e;
  --ed-teal-soft: rgba(15, 118, 110, 0.12);
  --ed-warning: #f59e0b;
  --ed-success: #16a34a;
  --ed-danger: #dc2626;
  --ed-social: #8b5cf6;
  --ed-bg-light: #f8fafc;
  --ed-bg-soft: #f3f6fb;
  --ed-bg-warm: #ffffff;
  --ed-surface-light: #ffffff;
  --ed-surface-muted: #eef2f7;
  --ed-bg-dark: #0f1320;
  --ed-bg-dark-deep: #080d16;
  --ed-surface-dark: #1c1f2d;
  --ed-primary-dark: #a78bfa;
  --ed-secondary-dark: #f472b6;
  --ed-accent-dark: #a78bfa;
  --ed-teal-dark: #5eead4;
  --ed-warning-dark: #fbbf24;
  --ed-social-dark: #c4b5fd;
  --ed-surface-dark-raised: #242738;
  --ed-surface-dark-soft: #262a3c;
  --ed-sheet-dark: #1c1f2d;
  --ed-sheet-dark-raised: #242738;
  --ed-border-dark-strong: rgba(255, 255, 255, 0.16);
  --ed-text-dark: #f7f2ff;
  --ed-muted-dark: #c9bdd8;
  --ed-text-main: #17111f;
  --ed-text-soft: #5f566b;
  --ed-text-muted: #8b8197;
  --ed-text-light: var(--ed-text-main);
  --ed-muted-light: var(--ed-text-soft);
  --ed-border-light: rgba(17, 24, 39, 0.10);
  --ed-border-dark: rgba(255, 255, 255, 0.10);
  --ed-primary-rgb: 124 58 237;
  --ed-secondary-rgb: 236 72 153;
  --ed-accent-rgb: 124 58 237;
  --ed-teal-rgb: 15 118 110;
  --ed-warning-rgb: 245 158 11;
  --ed-social-rgb: 139 92 246;
  --ed-bg-light-rgb: 248 250 252;
  --ed-bg-dark-rgb: 15 19 32;
  --ed-surface-dark-rgb: 28 31 45;
  --ed-primary-dark-rgb: 167 139 250;
  --ed-secondary-dark-rgb: 244 114 182;
  --ed-accent-dark-rgb: 167 139 250;
  --ed-teal-dark-rgb: 94 234 212;
  --ed-warning-dark-rgb: 251 191 36;
  --ed-social-dark-rgb: 196 181 253;
  --ed-sheet-dark-rgb: 28 31 45;
  --ed-border-dark-rgb: 255 255 255;
  --ed-border-dark-strong-rgb: 255 255 255;
  --ed-bg: var(--ed-bg-light);
  --ed-surface: var(--ed-surface-light);
  --ed-surface-raised: #ffffff;
  --ed-surface-soft: #f8fafc;
  --ed-sheet: #ffffff;
  --ed-sheet-raised: #ffffff;
  --ed-text: var(--ed-text-light);
  --ed-muted: var(--ed-muted-light);
  --ed-border: var(--ed-border-light);
  --ed-border-strong: rgba(17, 24, 39, 0.16);
  --ed-primary-live: var(--ed-primary);
  --ed-secondary-live: var(--ed-secondary);
  --ed-accent-live: var(--ed-accent);
  --ed-warning-live: var(--ed-warning);
  --ed-social-live: var(--ed-social);
  --ed-color-ink: var(--ed-text-main);
  --ed-color-muted: var(--ed-text-muted);
  --ed-color-soft: var(--ed-bg-light);
  --ed-color-surface: var(--ed-bg-light);
  --ed-color-surface-strong: var(--ed-surface-light);
  --ed-color-line: color-mix(in srgb, var(--ed-border-light) 72%, transparent);
  --ed-color-line-strong: var(--ed-border-light);
  --ed-color-primary: var(--ed-primary);
  --ed-color-primary-strong: var(--ed-accent-hover);
  --ed-color-primary-soft: rgba(124, 58, 237, 0.10);
  --ed-color-accent: var(--ed-secondary);
  --ed-color-accent-strong: var(--ed-secondary);
  --ed-color-teal: var(--ed-teal);
  --ed-color-teal-soft: var(--ed-teal-soft);
  --ed-color-white: #ffffff;
  --ed-color-on-primary: #ffffff;
  --ed-color-header-bg: color-mix(in srgb, var(--ed-surface-light) 94%, transparent);
  --ed-color-panel-bg: var(--ed-surface-raised);
  --ed-color-drawer-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.99));
  --ed-color-body-bg:
    linear-gradient(180deg, #f8fafc 0%, #f4f7fb 48%, #ffffff 100%);
  --ed-color-selection-bg: rgba(124, 58, 237, 0.22);
  --ed-color-overlay: rgba(23, 17, 31, 0.42);
  --ed-color-shadow-rgb: 17, 24, 39;
  --ed-color-primary-rgb: 124, 58, 237;
  --ed-color-accent-rgb: 236, 72, 153;
  --ed-color-teal-rgb: 15, 118, 110;
  --ed-shadow-sm: 0 8px 24px rgba(17, 24, 39, 0.055);
  --ed-shadow-soft: 0 14px 36px rgba(17, 24, 39, 0.08);
  --ed-shadow-elevated: 0 24px 64px rgba(17, 24, 39, 0.12);
  --ed-focus-ring: 0 0 0 3px rgba(124, 58, 237, 0.22);
}

html[data-ed-theme="dark"],
html[data-ed-theme="dark"][data-ed-palette="pulse"],
[data-theme="dark"],
body.dark-mode,
body.ed-dark-mode,
body.dark,
.dark {
  --ed-bg: var(--ed-bg-dark);
  --ed-bg-deep: var(--ed-bg-dark-deep);
  --ed-surface: var(--ed-surface-dark);
  --ed-surface-soft: var(--ed-surface-dark-soft);
  --ed-surface-raised: var(--ed-surface-dark-raised);
  --ed-sheet: var(--ed-sheet-dark);
  --ed-sheet-raised: var(--ed-sheet-dark-raised);
  --ed-text: var(--ed-text-dark);
  --ed-muted: var(--ed-muted-dark);
  --ed-border: var(--ed-border-dark);
  --ed-border-strong: var(--ed-border-dark-strong);
  --ed-primary-live: var(--ed-primary-dark);
  --ed-secondary-live: var(--ed-secondary-dark);
  --ed-accent-live: var(--ed-accent-dark);
  --ed-warning-live: var(--ed-warning-dark);
  --ed-social-live: var(--ed-social-dark);
  --ed-color-ink: var(--ed-text-dark);
  --ed-color-muted: var(--ed-muted-dark);
  --ed-color-soft: var(--ed-bg-dark);
  --ed-color-surface: var(--ed-surface);
  --ed-color-surface-strong: var(--ed-surface-dark);
  --ed-color-line: var(--ed-border-dark);
  --ed-color-line-strong: var(--ed-border-dark-strong);
  --ed-color-primary: var(--ed-primary-dark);
  --ed-color-primary-strong: #c4b5fd;
  --ed-color-primary-soft: rgb(var(--ed-primary-dark-rgb) / 0.14);
  --ed-color-accent: var(--ed-secondary-dark);
  --ed-color-accent-strong: var(--ed-secondary-dark);
  --ed-color-teal: var(--ed-teal-dark);
  --ed-color-teal-soft: rgb(var(--ed-teal-dark-rgb) / 0.16);
  --ed-color-on-primary: #ffffff;
  --ed-color-header-bg: rgba(18, 16, 24, 0.94);
  --ed-color-panel-bg: var(--ed-surface-raised);
  --ed-color-drawer-bg:
    linear-gradient(180deg, #171c2b 0%, #111827 100%);
  --ed-color-body-bg:
    linear-gradient(180deg, #0f1320 0%, #080d16 100%);
  --ed-color-selection-bg: rgb(var(--ed-primary-dark-rgb) / 0.30);
  --ed-color-overlay: rgba(11, 9, 16, 0.62);
  --ed-color-shadow-rgb: 0, 0, 0;
  --ed-color-primary-rgb: 167, 139, 250;
  --ed-color-accent-rgb: 244, 114, 182;
  --ed-color-teal-rgb: 94, 234, 212;
  --ed-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.24);
  --ed-shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.30);
  --ed-shadow-elevated: 0 28px 70px rgba(0, 0, 0, 0.42), 0 0 32px rgb(var(--ed-primary-dark-rgb) / 0.10);
  --ed-focus-ring: 0 0 0 4px rgb(var(--ed-primary-dark-rgb) / 0.24);
}

html[data-ed-palette="studio"] {
  --ed-primary: #5E3B8C;
  --ed-secondary: #F57A96;
  --ed-accent: #1FD1B5;
  --ed-warning: #FFBFA3;
  --ed-social: #C7B7FF;
  --ed-bg-light: #FFF7EC;
  --ed-surface-light: #FFFFFF;
  --ed-bg-dark: #15151D;
  --ed-surface-dark: #21172D;
  --ed-text-main: #202124;
  --ed-text-muted: #8B8095;
  --ed-border-light: #EAE1DA;
  --ed-border-dark: #21172D;
  --ed-color-ink: var(--ed-text-main);
  --ed-color-muted: var(--ed-text-muted);
  --ed-color-soft: var(--ed-bg-light);
  --ed-color-surface: var(--ed-bg-light);
  --ed-color-surface-strong: var(--ed-surface-light);
  --ed-color-line: color-mix(in srgb, var(--ed-border-light) 72%, transparent);
  --ed-color-line-strong: var(--ed-border-light);
  --ed-color-primary: var(--ed-primary);
  --ed-color-primary-strong: var(--ed-primary);
  --ed-color-primary-soft: color-mix(in srgb, var(--ed-primary) 12%, transparent);
  --ed-color-accent: var(--ed-secondary);
  --ed-color-accent-strong: var(--ed-secondary);
  --ed-color-teal: var(--ed-accent);
  --ed-color-teal-soft: color-mix(in srgb, var(--ed-accent) 16%, transparent);
  --ed-color-on-primary: #FFFFFF;
  --ed-color-header-bg: color-mix(in srgb, var(--ed-bg-light) 92%, transparent);
  --ed-color-panel-bg: color-mix(in srgb, var(--ed-surface-light) 98%, transparent);
  --ed-color-drawer-bg:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--ed-secondary) 14%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--ed-surface-light) 98%, transparent), color-mix(in srgb, var(--ed-bg-light) 98%, transparent));
  --ed-color-selection-bg: color-mix(in srgb, var(--ed-warning) 36%, transparent);
  --ed-color-overlay: color-mix(in srgb, var(--ed-text-main) 42%, transparent);
  --ed-color-shadow-rgb: 32, 33, 36;
  --ed-color-primary-rgb: 94, 59, 140;
  --ed-color-accent-rgb: 245, 122, 150;
  --ed-color-teal-rgb: 31, 209, 181;
  --ed-shadow-soft: 0 14px 36px color-mix(in srgb, var(--ed-text-main) 9%, transparent);
  --ed-shadow-elevated: 0 24px 64px color-mix(in srgb, var(--ed-text-main) 16%, transparent);
  --ed-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ed-secondary) 28%, transparent);
}

html[data-ed-theme="dark"][data-ed-palette="studio"] {
  --ed-color-ink: var(--ed-bg-light);
  --ed-color-muted: var(--ed-text-muted);
  --ed-color-soft: var(--ed-bg-dark);
  --ed-color-surface: var(--ed-bg-dark);
  --ed-color-surface-strong: var(--ed-surface-dark);
  --ed-color-line: color-mix(in srgb, var(--ed-surface-dark) 76%, transparent);
  --ed-color-line-strong: var(--ed-surface-dark);
  --ed-color-primary: var(--ed-primary);
  --ed-color-primary-strong: var(--ed-social);
  --ed-color-primary-soft: color-mix(in srgb, var(--ed-primary) 18%, transparent);
  --ed-color-accent: var(--ed-secondary);
  --ed-color-accent-strong: var(--ed-secondary);
  --ed-color-teal: var(--ed-accent);
  --ed-color-teal-soft: color-mix(in srgb, var(--ed-accent) 16%, transparent);
  --ed-color-on-primary: var(--ed-bg-light);
  --ed-color-header-bg: color-mix(in srgb, var(--ed-bg-dark) 92%, transparent);
  --ed-color-panel-bg: color-mix(in srgb, var(--ed-surface-dark) 98%, transparent);
  --ed-color-drawer-bg:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--ed-warning) 12%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--ed-surface-dark) 98%, transparent), color-mix(in srgb, var(--ed-bg-dark) 98%, transparent));
  --ed-color-selection-bg: color-mix(in srgb, var(--ed-warning) 28%, transparent);
  --ed-color-overlay: color-mix(in srgb, var(--ed-bg-dark) 58%, transparent);
  --ed-color-shadow-rgb: 0, 0, 0;
  --ed-color-primary-rgb: 94, 59, 140;
  --ed-color-accent-rgb: 245, 122, 150;
  --ed-color-teal-rgb: 31, 209, 181;
  --ed-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ed-secondary) 32%, transparent);
}

html[data-ed-palette="urban"] {
  --ed-primary: #4B6FFF;
  --ed-secondary: #FF3FA0;
  --ed-accent: #C2FF1F;
  --ed-warning: #FF8A00;
  --ed-social: #22D3EE;
  --ed-bg-light: #F1F3F6;
  --ed-surface-light: #FFFFFF;
  --ed-bg-dark: #08090D;
  --ed-surface-dark: #12141B;
  --ed-text-main: #111217;
  --ed-text-muted: #7B8191;
  --ed-border-light: #D9DDE5;
  --ed-border-dark: #12141B;
  --ed-color-ink: var(--ed-text-main);
  --ed-color-muted: var(--ed-text-muted);
  --ed-color-soft: var(--ed-bg-light);
  --ed-color-surface: var(--ed-bg-light);
  --ed-color-surface-strong: var(--ed-surface-light);
  --ed-color-line: color-mix(in srgb, var(--ed-border-light) 72%, transparent);
  --ed-color-line-strong: var(--ed-border-light);
  --ed-color-primary: var(--ed-primary);
  --ed-color-primary-strong: var(--ed-primary);
  --ed-color-primary-soft: color-mix(in srgb, var(--ed-primary) 12%, transparent);
  --ed-color-accent: var(--ed-secondary);
  --ed-color-accent-strong: var(--ed-secondary);
  --ed-color-teal: var(--ed-social);
  --ed-color-teal-soft: color-mix(in srgb, var(--ed-social) 16%, transparent);
  --ed-color-on-primary: #FFFFFF;
  --ed-color-header-bg: color-mix(in srgb, var(--ed-bg-light) 92%, transparent);
  --ed-color-panel-bg: color-mix(in srgb, var(--ed-surface-light) 98%, transparent);
  --ed-color-drawer-bg:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--ed-accent) 16%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--ed-surface-light) 98%, transparent), color-mix(in srgb, var(--ed-bg-light) 98%, transparent));
  --ed-color-selection-bg: color-mix(in srgb, var(--ed-accent) 35%, transparent);
  --ed-color-overlay: color-mix(in srgb, var(--ed-text-main) 46%, transparent);
  --ed-color-shadow-rgb: 17, 18, 23;
  --ed-color-primary-rgb: 75, 111, 255;
  --ed-color-accent-rgb: 255, 63, 160;
  --ed-color-teal-rgb: 34, 211, 238;
  --ed-shadow-soft: 0 14px 36px color-mix(in srgb, var(--ed-text-main) 10%, transparent);
  --ed-shadow-elevated: 0 24px 64px color-mix(in srgb, var(--ed-text-main) 18%, transparent);
  --ed-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ed-primary) 28%, transparent);
}

html[data-ed-theme="dark"][data-ed-palette="urban"] {
  --ed-color-ink: var(--ed-bg-light);
  --ed-color-muted: var(--ed-text-muted);
  --ed-color-soft: var(--ed-bg-dark);
  --ed-color-surface: var(--ed-bg-dark);
  --ed-color-surface-strong: var(--ed-surface-dark);
  --ed-color-line: color-mix(in srgb, var(--ed-surface-dark) 82%, transparent);
  --ed-color-line-strong: var(--ed-surface-dark);
  --ed-color-primary: var(--ed-primary);
  --ed-color-primary-strong: var(--ed-social);
  --ed-color-primary-soft: color-mix(in srgb, var(--ed-primary) 18%, transparent);
  --ed-color-accent: var(--ed-secondary);
  --ed-color-accent-strong: var(--ed-secondary);
  --ed-color-teal: var(--ed-social);
  --ed-color-teal-soft: color-mix(in srgb, var(--ed-social) 18%, transparent);
  --ed-color-on-primary: #FFFFFF;
  --ed-color-header-bg: color-mix(in srgb, var(--ed-bg-dark) 92%, transparent);
  --ed-color-panel-bg: color-mix(in srgb, var(--ed-surface-dark) 98%, transparent);
  --ed-color-drawer-bg:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--ed-accent) 13%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--ed-surface-dark) 98%, transparent), color-mix(in srgb, var(--ed-bg-dark) 98%, transparent));
  --ed-color-selection-bg: color-mix(in srgb, var(--ed-accent) 28%, transparent);
  --ed-color-overlay: color-mix(in srgb, var(--ed-bg-dark) 62%, transparent);
  --ed-color-shadow-rgb: 0, 0, 0;
  --ed-color-primary-rgb: 75, 111, 255;
  --ed-color-accent-rgb: 255, 63, 160;
  --ed-color-teal-rgb: 34, 211, 238;
  --ed-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ed-primary) 34%, transparent);
}

/* Premium now inherits the same core tokens as the default palette. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--ed-font-sans);
  line-height: 1.5;
  color: var(--ed-color-ink);
  background: var(--ed-color-body-bg);
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 0;
  box-shadow: var(--ed-focus-ring);
}

::selection {
  background: var(--ed-color-selection-bg);
  color: var(--ed-color-ink);
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.entry-title {
  margin: 0;
  color: var(--ed-color-primary-strong);
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 800;
}

.entry-content {
  color: var(--ed-color-muted);
  font-size: 1.05rem;
}

.entry-content p {
  margin: 0 0 1rem;
}

@media (min-width: 1024px) {
  .entry-title {
    font-size: 3.25rem;
  }
}