/* ============================================================
   AICORES Landing — Per-niche themes
   Source of truth: backend/templates/_shared/niches.json
   Each [data-niche="X"] block overrides palette tokens defined
   as defaults in anthropic.css. See sections.css for layout.
   ============================================================ */

/* ---------- Shared dark-scheme adjustments ---------- */
[data-niche-scheme="dark"] {
  --surface-elev:    var(--surface-soft);
  --surface-tinted:  var(--surface-soft);
  --text-tertiary:   color-mix(in srgb, var(--text-secondary) 70%, transparent);
  --border-default:  color-mix(in srgb, var(--border-soft) 80%, white 8%);
  --border-strong:   color-mix(in srgb, var(--border-soft) 60%, white 18%);
  --text-on-accent:  #FFFFFF;
}

/* =====================================================
   HORECA
   ===================================================== */

/* Restaurant — burgundy on warm dark */
body[data-niche="restaurant"] {
  --accent:         #7A1F2B;
  --accent-dark:    #5A1420;
  --accent-soft:    #F4E1E1;
  --accent-glow:    rgba(122, 31, 43, 0.32);
  --surface-page:   #1B1612;
  --surface-card:   #231A14;
  --surface-soft:   #2C2118;
  --text-primary:   #F5EDDD;
  --text-secondary: #C9B89A;
  --border-soft:    #3A2C1F;
}

/* Hotel — emerald on ivory */
body[data-niche="hotel"] {
  --accent:         #3F6B57;
  --accent-dark:    #2C4F40;
  --accent-soft:    #DDE8DF;
  --accent-glow:    rgba(63, 107, 87, 0.18);
  --surface-page:   #FAF8F1;
  --surface-card:   #FFFFFF;
  --surface-soft:   #F1ECDF;
  --text-primary:   #1F2A23;
  --text-secondary: #56625A;
  --border-soft:    #E1DDCD;
}

/* Delivery — bright orange */
body[data-niche="delivery"] {
  --accent:         #FF6A1A;
  --accent-dark:    #E25400;
  --accent-soft:    #FFE4D2;
  --accent-glow:    rgba(255, 106, 26, 0.22);
  --surface-page:   #FFF8F0;
  --surface-card:   #FFFFFF;
  --surface-soft:   #FFEEDC;
  --text-primary:   #1A1208;
  --text-secondary: #675848;
  --border-soft:    #F2D9BD;
}

/* =====================================================
   TECH
   ===================================================== */

/* SaaS — indigo */
body[data-niche="saas"] {
  --accent:         #5B5BD6;
  --accent-dark:    #4040B0;
  --accent-soft:    #E2E2F8;
  --accent-glow:    rgba(91, 91, 214, 0.22);
  --surface-page:   #F7F8FC;
  --surface-card:   #FFFFFF;
  --surface-soft:   #EEF0F8;
  --text-primary:   #0F1224;
  --text-secondary: #4A4F66;
  --border-soft:    #DEE1ED;
}

/* Expert — gold on navy */
body[data-niche="expert"] {
  --accent:         #C28A3A;
  --accent-dark:    #9A6A24;
  --accent-soft:    #F4E6CC;
  --accent-glow:    rgba(194, 138, 58, 0.28);
  --surface-page:   #0F1722;
  --surface-card:   #15202E;
  --surface-soft:   #1B2A3A;
  --text-primary:   #F2EBDB;
  --text-secondary: #B5BCCB;
  --border-soft:    #2A3849;
}

/* Agency — magenta */
body[data-niche="agency"] {
  --accent:         #FF2E63;
  --accent-dark:    #C71E48;
  --accent-soft:    #FFD7E2;
  --accent-glow:    rgba(255, 46, 99, 0.22);
  --surface-page:   #FFFFFF;
  --surface-card:   #F8F4EE;
  --surface-soft:   #F1EAE0;
  --text-primary:   #0E0A0A;
  --text-secondary: #52464A;
  --border-soft:    #E5DBCE;
}

/* =====================================================
   MEDICAL / LEGAL
   ===================================================== */

/* Medical — teal */
body[data-niche="medical"] {
  --accent:         #1FA7A0;
  --accent-dark:    #147A75;
  --accent-soft:    #D0EEEC;
  --accent-glow:    rgba(31, 167, 160, 0.18);
  --surface-page:   #F5FAFA;
  --surface-card:   #FFFFFF;
  --surface-soft:   #E9F2F2;
  --text-primary:   #0E1F22;
  --text-secondary: #4F6164;
  --border-soft:    #D5E2E2;
}

/* Stomatology — sky blue */
body[data-niche="stomatology"] {
  --accent:         #3D8BFF;
  --accent-dark:    #1F66D5;
  --accent-soft:    #D7E6FB;
  --accent-glow:    rgba(61, 139, 255, 0.22);
  --surface-page:   #F7FAFE;
  --surface-card:   #FFFFFF;
  --surface-soft:   #EAF1F9;
  --text-primary:   #0F1B2C;
  --text-secondary: #4F6072;
  --border-soft:    #D4DEEB;
}

/* Law — burgundy on cream */
body[data-niche="law"] {
  --accent:         #7A1830;
  --accent-dark:    #5A0E22;
  --accent-soft:    #EDD7DD;
  --accent-glow:    rgba(122, 24, 48, 0.20);
  --surface-page:   #F4F0E8;
  --surface-card:   #FFFFFF;
  --surface-soft:   #EBE3D2;
  --text-primary:   #1A1612;
  --text-secondary: #5A4F42;
  --border-soft:    #DCD2BD;
}

/* Legal — gold on graphite */
body[data-niche="legal"] {
  --accent:         #A6803B;
  --accent-dark:    #7C5A22;
  --accent-soft:    #F0E1C2;
  --accent-glow:    rgba(166, 128, 59, 0.24);
  --surface-page:   #16191D;
  --surface-card:   #1D2126;
  --surface-soft:   #252A30;
  --text-primary:   #EFE7D2;
  --text-secondary: #A8A496;
  --border-soft:    #33383F;
}

/* =====================================================
   BEAUTY
   ===================================================== */

/* Salon — rose */
body[data-niche="salon"] {
  --accent:         #C97A6E;
  --accent-dark:    #A45A4F;
  --accent-soft:    #F6E2DD;
  --accent-glow:    rgba(201, 122, 110, 0.22);
  --surface-page:   #FBF3EE;
  --surface-card:   #FFFFFF;
  --surface-soft:   #F4E8E1;
  --text-primary:   #2A1F1B;
  --text-secondary: #6E5C56;
  --border-soft:    #EBDBD2;
}

/* Beauty — lavender */
body[data-niche="beauty"] {
  --accent:         #7E6CC4;
  --accent-dark:    #5A4A98;
  --accent-soft:    #E4DEF4;
  --accent-glow:    rgba(126, 108, 196, 0.22);
  --surface-page:   #F8F6FB;
  --surface-card:   #FFFFFF;
  --surface-soft:   #EDE8F4;
  --text-primary:   #1B1729;
  --text-secondary: #5A536F;
  --border-soft:    #DAD4E5;
}

/* Fitness — neon lime on black */
body[data-niche="fitness"] {
  --accent:         #C8FF3D;
  --accent-dark:    #94C719;
  --accent-soft:    #3A4A1A;
  --accent-glow:    rgba(200, 255, 61, 0.28);
  --surface-page:   #0E0F12;
  --surface-card:   #16181E;
  --surface-soft:   #1E222A;
  --text-primary:   #F1F4F2;
  --text-secondary: #A3AAB2;
  --border-soft:    #2A2F38;
  --text-on-accent: #0E0F12;
}

/* =====================================================
   SERVICES
   ===================================================== */

/* Cleaning — mint */
body[data-niche="cleaning"] {
  --accent:         #16C2A1;
  --accent-dark:    #0F8C75;
  --accent-soft:    #CFEEE6;
  --accent-glow:    rgba(22, 194, 161, 0.22);
  --surface-page:   #F4FAF8;
  --surface-card:   #FFFFFF;
  --surface-soft:   #E5F2EE;
  --text-primary:   #0E1F1B;
  --text-secondary: #4F625C;
  --border-soft:    #D2E2DD;
}

/* Auto — red on black */
body[data-niche="auto"] {
  --accent:         #E63946;
  --accent-dark:    #B82736;
  --accent-soft:    #3A1419;
  --accent-glow:    rgba(230, 57, 70, 0.25);
  --surface-page:   #0D0E10;
  --surface-card:   #15171B;
  --surface-soft:   #1D1F23;
  --text-primary:   #F1F1F2;
  --text-secondary: #A2A4A8;
  --border-soft:    #2A2C30;
}

/* Construction — terracotta */
body[data-niche="construction"] {
  --accent:         #D9622E;
  --accent-dark:    #A84919;
  --accent-soft:    #F4D9C7;
  --accent-glow:    rgba(217, 98, 46, 0.22);
  --surface-page:   #F5F2EC;
  --surface-card:   #FFFFFF;
  --surface-soft:   #EAE5DA;
  --text-primary:   #1F1A14;
  --text-secondary: #5C544A;
  --border-soft:    #DDD3BF;
}

/* Education — indigo on cream */
body[data-niche="education"] {
  --accent:         #385E9D;
  --accent-dark:    #264376;
  --accent-soft:    #D7E0EF;
  --accent-glow:    rgba(56, 94, 157, 0.22);
  --surface-page:   #FBF7EF;
  --surface-card:   #FFFFFF;
  --surface-soft:   #F0EADC;
  --text-primary:   #15192A;
  --text-secondary: #4C5468;
  --border-soft:    #E2D9C5;
}

/* Shop — coral */
body[data-niche="shop"] {
  --accent:         #F26B5E;
  --accent-dark:    #C04C40;
  --accent-soft:    #FBE0DB;
  --accent-glow:    rgba(242, 107, 94, 0.22);
  --surface-page:   #FFFAF6;
  --surface-card:   #FFFFFF;
  --surface-soft:   #FBEFE7;
  --text-primary:   #211712;
  --text-secondary: #6F5E54;
  --border-soft:    #F2DDD0;
}

/* =====================================================
   CREATIVE
   ===================================================== */

/* Floristry — peach bloom */
body[data-niche="floristry"] {
  --accent:         #E07A8E;
  --accent-dark:    #B85669;
  --accent-soft:    #F7DEE4;
  --accent-glow:    rgba(224, 122, 142, 0.22);
  --surface-page:   #FBF5F0;
  --surface-card:   #FFFFFF;
  --surface-soft:   #F4E9E0;
  --text-primary:   #231C1B;
  --text-secondary: #675853;
  --border-soft:    #EBDBD2;
}

/* Event — champagne on midnight */
body[data-niche="event"] {
  --accent:         #D4A14A;
  --accent-dark:    #A77B26;
  --accent-soft:    #F4DEAE;
  --accent-glow:    rgba(212, 161, 74, 0.28);
  --surface-page:   #0E0B14;
  --surface-card:   #16121E;
  --surface-soft:   #1E1828;
  --text-primary:   #F4ECDD;
  --text-secondary: #B8AC97;
  --border-soft:    #2D2538;
}

/* Travel — turquoise on sand */
body[data-niche="travel"] {
  --accent:         #1E9DAA;
  --accent-dark:    #137680;
  --accent-soft:    #CFEAEC;
  --accent-glow:    rgba(30, 157, 170, 0.22);
  --surface-page:   #FBF6EC;
  --surface-card:   #FFFFFF;
  --surface-soft:   #F1E9D6;
  --text-primary:   #0F2024;
  --text-secondary: #4F6166;
  --border-soft:    #E2D7BF;
}

/* Realestate — bronze on oat */
body[data-niche="realestate"] {
  --accent:         #B79268;
  --accent-dark:    #8E6E47;
  --accent-soft:    #EFE0CB;
  --accent-glow:    rgba(183, 146, 104, 0.22);
  --surface-page:   #F4F1EC;
  --surface-card:   #FFFFFF;
  --surface-soft:   #EAE4DA;
  --text-primary:   #1A1814;
  --text-secondary: #5C564B;
  --border-soft:    #DDD3BF;
}

/* Developer — amber on graphite */
body[data-niche="developer"] {
  --accent:         #D89A3F;
  --accent-dark:    #A87320;
  --accent-soft:    #F2DDB7;
  --accent-glow:    rgba(216, 154, 63, 0.28);
  --surface-page:   #13161B;
  --surface-card:   #1B1F25;
  --surface-soft:   #23272F;
  --text-primary:   #F0EFEB;
  --text-secondary: #A6A8AB;
  --border-soft:    #2D323A;
}

/* =====================================================
   Per-typography presets (font-family overrides)
   ===================================================== */

[data-typography="serif-editorial"] h1,
[data-typography="serif-editorial"] h2,
[data-typography="serif-editorial"] h3,
[data-typography="serif-editorial"] .display {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
}

[data-typography="sans-modern"] h1,
[data-typography="sans-modern"] h2,
[data-typography="sans-modern"] h3,
[data-typography="sans-modern"] .display {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.025em;
}

[data-typography="display-bold"] h1,
[data-typography="display-bold"] h2,
[data-typography="display-bold"] h3,
[data-typography="display-bold"] .display {
  font-family: 'Manrope', var(--font-sans);
  font-weight: 800;
  letter-spacing: -0.03em;
}

[data-typography="slab-industrial"] h1,
[data-typography="slab-industrial"] h2,
[data-typography="slab-industrial"] h3,
[data-typography="slab-industrial"] .display {
  font-family: 'Roboto Slab', var(--font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
}

[data-typography="mono-tech"] .eyebrow,
[data-typography="mono-tech"] .stat-value,
[data-typography="mono-tech"] code,
[data-typography="mono-tech"] kbd {
  font-family: var(--font-mono);
}
