/* Miaou's shared light theme. Keep illustrated project previews in their own palette. */
:root {
  color-scheme: light;
  --bg: #fff;
  --panel: #fff;
  --text: #30283f;
  --muted: #71667e;
  --line: #e7deef;
  --purple: #8056b4;
  --miaou-soft: #f7f3fc;
  --miaou-relief: 0 3px 0 #9879b80c, 0 16px 42px #644a8810;
  --miaou-action: linear-gradient(115deg, #8357b6, #7254bf);
}
body.miaou-light {
  background: radial-gradient(ellipse 850px 650px at 90% 0, #ede4fb85, transparent 76%),
    radial-gradient(ellipse 700px 600px at 0 450px, #eaf5ff70, transparent 76%), #fff;
  color: var(--text);
}
.miaou-light :is(input, textarea, select) { color-scheme: light; accent-color: var(--purple); }
.miaou-light :is(a,button,input,textarea,select,summary):focus-visible { outline-color: #8153b7; }
.miaou-light ::selection { background: #e7d9fc; color: #3b2558; }
.miaou-light h1 span,.miaou-light h2 span { color: #9066bb; }
.miaou-light .eyebrow { color: #805ba0; }
.miaou-light :is(.notice,.micro,.caption,.import-foot,.file-zone small,.card-title small) { color: var(--muted); }
.miaou-light :is(.text-link,.support-contact) { color: #7950a2; }
.miaou-light :is(.button,.customize,.publish-button),
.miaou-light .site-auth .site-signup,
.miaou-light :is(.auth-card,.pricing-card) .button,
.miaou-light .service-hero .customize {
  background: var(--miaou-action); color: #fff; border-color: #8056b4;
  box-shadow: 0 5px 13px #7652a725;
}
.miaou-light .button:hover { filter: brightness(1.04); }
.miaou-light .logo { color: #30283f; }
.miaou-light .logo span { color: #8056b4; }
.miaou-light .site-navigation,.miaou-light .site-navigation a,
.miaou-light .site-auth,.miaou-light .site-auth>a:not(.site-signup) { color: #62556f; }
.miaou-light .site-navigation a:hover,.miaou-light .site-navigation a[aria-current=page],
.miaou-light .site-auth>a:not(.site-signup):hover { color: #754ba6; }
.miaou-light .site-auth>.site-signup:hover { color: #fff; }
.miaou-light .import-card {
  background: radial-gradient(ellipse at 95% 0,#eee4fb85,transparent 68%),linear-gradient(145deg,#fff,#fcfaff);
  border-color: #e2d4ef; box-shadow: 0 4px 0 #b08bd313,0 24px 65px #8b65ad1b;
}
.miaou-light .orb { background: #eee5fa; color: #8557b5; }
.miaou-light .demo-tag { background: #f7f2fc; border-color: #dfd0ed; color: #77558f; }
.miaou-light .tabs { background: #f0eaf7; }
.miaou-light .tabs button { color: #73617f; }
.miaou-light .tabs button[aria-selected=true] { background: #855bb6; color: #fff; box-shadow: 0 3px 8px #75529c25; }
.miaou-light .file-zone { background: #fdfbff; border-color: #c7acdF; }
.miaou-light .file-zone>span { color: #9166bd; }
.miaou-light .file-zone input { color: #766285; }
.miaou-light :is(textarea,input[type=url]) { background: #fff; border-color: #d9cae6; color: #40324f; }
.miaou-light input::placeholder,.miaou-light textarea::placeholder { color: #82738f; }
.miaou-light .diagnostic { background: #f7f2fc; border-color: #dac8eb; color: #654d7d; }
.miaou-light .outcomes { border-color: var(--line); }
.miaou-light .outcomes>span { color: #806492; }
.miaou-light .outcomes b { color: #4d3c60; }
.miaou-light .outcomes p { color: #71627f; }
.miaou-light .marketing { background: radial-gradient(ellipse at 50% 40%,#eee5fa90,transparent 72%); border-color: #eae1f1; }
.miaou-light .result-section .section-head p:last-child { color: var(--muted); }
.miaou-light :is(.launch-value-card,.pricing-card,.auth-card,.hub-card,.service-hero) { box-shadow: var(--miaou-relief); }
.miaou-light .launch-value-card { border-color: #e6dcef; }
.miaou-light .launch-value-body .eyebrow { color: #80569d; }
.miaou-light .launch-value-detail small { color: #796387; }
.miaou-light .launch-value-copy,.miaou-light .hub-value { color: #72637e; }
.miaou-light .launch-value-cta { background: linear-gradient(115deg,#f4edfb,#f1eefc); color: #745094; }
.miaou-light .launch-value-cta:hover { background: #eee2fa; }
.miaou-light .landing-hub .hub-center>strong { color: #4c3a5c; }
.miaou-light :is(.hub-center>small,.hub-caption) { color: #796785; }
.miaou-light .cta { background: linear-gradient(120deg,#fbf8ff,#f1ebfc 65%,#edf5ff); border-color: #dfd0ec; box-shadow: var(--miaou-relief); }
.miaou-light .marketing-line { color: #7b52a5!important; }

/* Workspace, navigation and data. */
.miaou-light .dashboard { background: linear-gradient(135deg,#fbf9ff,#f7f5fb 70%,#f2f7fd); color: var(--text); border-color: #dfd3ec; box-shadow: 0 5px 0 #9e7bbb0d,0 25px 75px #72529215; }
.miaou-light .dashboard aside { background: linear-gradient(175deg,#fff,#f8f4fd); color: #4d3d60; border-color: #e2d8eb; }
.miaou-light .dash-nav button { color: #71617e; }
.miaou-light .dash-nav button:hover { background: #f1e9f9; }
.miaou-light .dash-nav button.active { background: linear-gradient(110deg,#ede2fa,#f3edfb); color: #75469f; border-left-color: #9463c0; }
.miaou-light .dash-heading { border-color: #e6dced; }
.miaou-light .dash-heading h3 { color: #382b48; }
.miaou-light .dash-heading small { color: #7f6b8b; }
.miaou-light .dash-content .demo-tag { background: #fff; border-color: #ddccec; color: #78558f; }
.miaou-light #project-menu-button { background: #fff; border-color: #dfd1eb; color: #654579; box-shadow: 0 4px 10px #78579808; }
.miaou-light #project-menu { background: #fff; border-color: #ddcdea; box-shadow: 0 10px 22px #78579812; }
.miaou-light #project-menu button { color: #654579; }
.miaou-light #project-menu button:hover { background: #f3ebfc; }
.miaou-light #sidebar-plan { background: linear-gradient(135deg,#f4ebfd,#edf2fc); border-color: #e0d3ed; box-shadow: none; }
.miaou-light #sidebar-plan>strong { color: #63407e; }
.miaou-light #sidebar-plan>small,.miaou-light #sidebar-plan>span { color: #7b628c; }
.miaou-light #sidebar-plan button { background: #fff; color: #724597; border-color: #d9c4ea; }
.miaou-light .profile { border-color: #e6d9ee; }
.miaou-light .profile>span { background: #ede2f8; color: #735097; }
.miaou-light :is(.profile small,.capacity-summary,.slot-note,.capacity-line) { color: #7a6a88; }
.miaou-light .dash-content :is(.view-box,.metric,.home-project,.fresh-project,.support-search,.faq-answer,.plan-card,.plan-overview,.dashboard-tools>div) { background: #fff; color: #382f48; border-color: #e5dceb; box-shadow: var(--miaou-relief); }
.miaou-light .dash-content :is(.metric strong,.view-box h4,.home-project h4,.plan-overview h4,.plan-card h4,.faq-answer summary,.settings-panel h4) { color: #382d47; }
.miaou-light .dash-content :is(.metric small,.view-box p,.home-project p,.plan-card p,.plan-overview p,.plan-card li,.settings-panel p) { color: #73677f; }
.miaou-light .dash-content :is(.metric-controls label,.metric-chart .box-title label),.miaou-light .metric-controls label { color: #776183; }
.miaou-light :is(.metric-controls select,.metric-chart select) { background: #fff; color: #614a76; border-color: #dbcce8; }
.miaou-light .dash-content .metric .kpi-explainer summary { color: #786285; }
.miaou-light .dash-content .metric .kpi-state { background: #f5effb; color: #78558e; border-color: #e2d4ed; }
.miaou-light .metric .unavailable { color: #80559c!important; }
.miaou-light .dash-content .view-box .chart-method { color: #776b82!important; }
.miaou-light .dash-content :is(.chart-dates,.metric-chart .box-title small,.activity small,.sources b) { color: #7a6e86; }
.miaou-light .axis-label { fill: #7e718b; }
.miaou-light .chart-grid { stroke: #ede6f2; }
.miaou-light .dash-content .activity p { color: #51425f; }
.miaou-light .dashboard-note,.miaou-light .dash-content .dashboard-note,.miaou-light .dash-content .caption { color: #7b6789; }
.miaou-light .dash-content .view-box .settings-result { color: #795298!important; }
.miaou-light .settings-tabs button { background: #fff; color: #745c86; border-color: #e0d2ea; }
.miaou-light .settings-tabs button[aria-pressed=true] { background: #eee2fa; color: #75499a; border-color: #bda1d6; }
.miaou-light :is(.settings-panel label,.support-search label,.ticket-layout label,.miaou-chat>label) { color: #71617f; }
.miaou-light :is(.settings-secondary,.domain-pending .settings-secondary) { background: #fff; color: #75518f; border-color: #d6c1e4; }
.miaou-light .danger-zone button { color: #974c61; background: #fff4f6; }
.miaou-light .plan-card.current { background: linear-gradient(140deg,#fff,#f6effe); border-color: #bc9ad7; box-shadow: var(--miaou-relief); }
.miaou-light .plan-card .customize:disabled { color: #78618b; background: #eee6f6; border-color: #ded0e9; box-shadow: none; }
.miaou-light .dash-content :is(.tools-intro h4,.dashboard-hub .hub-center>strong) { color: #4b345d; }
.miaou-light .dash-content :is(.tools-intro>p:last-child,.dashboard-hub .hub-center>small,.hub-caption) { color: #786388; }
.miaou-light .dash-content .tools-intro .eyebrow { color: #845ba1; }
.miaou-light .dashboard-hub .hub-center img { border-color: #fff; box-shadow: 0 15px 35px #74519916; }
.miaou-light .dashboard-hub .hub-card { border-color: #dfd4ea; box-shadow: var(--miaou-relief); }
.miaou-light .hub-card:hover,.miaou-light .dashboard-hub .hub-card:hover { box-shadow: 0 20px 40px #6f459b25; }
.miaou-light .marketing-credit-toolbar { border-color: #e1d4ee; box-shadow: var(--miaou-relief); }
.miaou-light .marketing-shortcuts button { color: #7c5199; }
.miaou-light .marketing-credit-account strong { color: #754d93; }
.miaou-light .marketing-credit-account small,.miaou-light .marketing-credit-account strong span,.miaou-light .marketing-credit-note { color: #7e678c; }
.miaou-light .service-hero :is(p,label,.service-demo),.miaou-light :is(.address-label,.domain-suggestion small) { color: #796587; }
.miaou-light .service-hero .eyebrow { color: #825a9c; }
.miaou-light .domain-suggestion strong { color: #785194; }

/* All dialogs, including credit packs, use the same light surfaces. */
.miaou-light dialog { background: linear-gradient(150deg,#fff,#fcf9ff); color: #3f2e51; border-color: #d9c7e8; box-shadow: 0 25px 95px #55357c30; }
.miaou-light dialog::backdrop { background: #2d204568; backdrop-filter: blur(5px); }
.miaou-light dialog .close { color: #715484; }
.miaou-light #action-dialog p,.miaou-light #metric-dialog>p:not(.eyebrow),.miaou-light .recovery-dialog p { color: #75617f; }
.miaou-light #action-dialog :is(input,select),.miaou-light .recovery-dialog input { background: #fff; color: #4f355f; border-color: #d7c0e5; }
.miaou-light #action-dialog .settings-secondary { color: #75538d; }
.miaou-light .recovery-dialog label { color: #775383; }
.miaou-light :is(.story-choice,.kpi-options label,.credit-pack-options button,.credit-pack-summary,.publication-summary) { background: #f8f3fd; border-color: #ddccea; color: #68427f; }
.miaou-light :is(.kpi-options small,.kpi-options em,.credit-pack-options span,.credit-pack-summary>span,.publication-steps,.story-beat p) { color: #7e628f; }
.miaou-light :is(.publication-summary strong,.credit-pack-summary>strong,.story-beat strong) { color: #724894; }
.miaou-light .credit-pack-summary p,.miaou-light #credit-pack-result { color: #78558a!important; }
.miaou-light .credit-pack-options button[aria-pressed=true] { background: #eddef9; border-color: #a37ac4; box-shadow: 0 5px 15px #80579c15; }
.miaou-light .publication-result { color: #74538b!important; background: #f2e9fc; border-color: #d7bfeb; }
.miaou-light .story-beat { border-color: #e6daed; }
.miaou-light #story-content .marketing-card { background: #fff; color: #4d365d; border-color: #e1d1ec; }
.miaou-light #story-content :is(.tool-label,.marketing-card>small,.marketing-card p) { color: #775d88; }
.miaou-light #story-content .phone { background: #f6f0fc; border-color: #dac9e7; }
.miaou-light #story-content :is(.phone-top,.phone>small) { color: #7e628f; }

/* Miaou companion and assistance. */
.miaou-light #miaou-launcher { color: #755194; border-color: #dccaeb; box-shadow: 0 8px 27px #76509f27; }
.miaou-light #floating-miaou-panel { background: #fff; border-color: #dfceec; box-shadow: 0 20px 70px #71519633; }
.miaou-light .floating-chat-header { background: linear-gradient(110deg,#f6edfd,#eef2fc); border-color: #e1d5ec; }
.miaou-light .floating-chat-header strong { color: #5e3f76; }
.miaou-light .floating-chat-header small,.miaou-light .floating-chat-header>button { color: #815c98; }
.miaou-light .floating-chat-disclaimer { color: #80618f; }
.miaou-light .dash-content .chat-response { color: #745784; background: #f7effc; border-color: #e2d3ef; }
.miaou-light .dash-content .chat-question { color: #725b83; background: #eee9f7; }
.miaou-light .dash-content :is(.ticket-row span,.ticket-row small,.miaou-chat .chat-label small) { color: #80628e; }

/* Public pricing and account pages. */
.miaou-light .pricing-intro>p:last-child,.miaou-light .auth-brand>p:not(.eyebrow),
.miaou-light .credit-pricing p:not(.eyebrow),.miaou-light .pricing-faq p { color: #796784; }
.miaou-light .credit-pricing,.miaou-light .pricing-faq details { border-color: #e4d8ee; }
.miaou-light .pricing-faq summary { color: #4e385f; }
.miaou-light .credit-quantities>div { background: linear-gradient(140deg,#faf7fe,#f0e8fb); border-color: #dfccea; box-shadow: var(--miaou-relief); }
.miaou-light .credit-quantities strong { color: #8256a6; }
.miaou-light .credit-quantities span { color: #7f6090; }
.miaou-light .auth-brand>img { box-shadow: 0 20px 55px #7c57941b; }
.miaou-light .auth-card input::placeholder { color: #897593; }
.miaou-light .auth-divider { color: #877293; }
.miaou-light .auth-card .password-field input { background: transparent; }

/* Public documentation and the embedded documentation view. */
.miaou-light .miaou-docs { --docs-ink:#3b2e4b;--docs-muted:#786782;--docs-border:#e4d7ec;--docs-surface:#fff;--docs-accent:#8356a9; }
.miaou-light .docs-hero { background: radial-gradient(ellipse at 100% 0,#e9dcfc80,transparent 70%),linear-gradient(130deg,#fff,#f8f3fd); border-color: #dfcdec; box-shadow: var(--miaou-relief); }
.miaou-light .docs-hero h1,.miaou-light .docs-hero h2 { color: #463050; }
.miaou-light .docs-badge { background: #fff; color: #805895; border-color: #decaed; }
.miaou-light .docs-search-wrap { background: #fff; border-color: #d5bee8; box-shadow: 0 5px 20px #7d599c0b; }
.miaou-light .docs-search-input { color: #51395f; }
.miaou-light .docs-search-input::placeholder { color: #897293; }
.miaou-light .docs-search-clear { color: #7b588e; background: #f2e9fa; }
.miaou-light .docs-side { background: #fff; }
.miaou-light :is(.docs-side-title,.docs-category,.docs-side-note) { color: #7c628a; }
.miaou-light .docs-category[aria-pressed=true] { background: #f2e7fb; border-color: #dfcaee; color: #775090; }
.miaou-light .docs-category:hover { background: #f7effd; }
.miaou-light :is(.docs-back,.docs-side-note a,.docs-related a) { color: #8154a0; }
.miaou-light .docs-card,.miaou-light .docs-article { background: linear-gradient(140deg,#fff,#fdfaff); border-color: #e5d9ee; box-shadow: var(--miaou-relief); }
.miaou-light .docs-empty { background: #faf5fe; border-color: #cfb6df; }
.miaou-light .docs-related a { background: #faf4ff; border-color: #ddc7eb; }

/* Footer and existing legal documents. */
.miaou-light .site-footer.wrap,.miaou-light .footer-bottom { border-color: #e7deef; }
.miaou-light .site-footer .footer-brand>p,.miaou-light .site-footer nav,
.miaou-light .site-footer nav a,.miaou-light .footer-bottom p { color: #786683; }
.miaou-light .site-footer nav h2 { color: #4f385f; }
.miaou-light .site-footer nav a:hover { color: #7c4c9e; }
.miaou-light .social-icon { background: #f8f3fd; color: #8665a1; border-color: #dfcfea; }
.miaou-light .social-icon:hover { background: #f0e5fb; }
.miaou-light.legal-page main :is(p,li) { color: #6f5d7e; }
.miaou-light.legal-page main a { color: #7c50a2; }
.miaou-light.legal-page .notice { background: #f9f3ff; border-color: #d9bfe9; }
