/* ════════════════════════════════════════════════════════════
   OBLTECH · PAGE THEMES REGISTRY
   Was WPCode snippet "OBELISK INFOTECH — THEMES STYLES"
   (ID 23807424, priority 11). Loads sitewide AFTER the global
   layer. One marker entry per page (2-31); marker-only entries
   carry no variable overrides — colors are component-embedded
   by design on pages 3+.
   ════════════════════════════════════════════════════════════ */
/* ============================================================
   OBLTECH PAGE THEMES — colors only, one small block per page
   Load: WPCode > CSS > Site Wide Header > Priority 11
   (must load AFTER obltech-global.css so these values win)

   Find a page's ID: WP editor URL "post=1234", or view-source
   on the live page and read the body class "page-id-1234".
   ============================================================ */

/* ------------------------------------------------------------
   HOW THIS FILE IS CONSUMED (updated architecture)
   The global stylesheet's UNIVERSAL PAGE LAYER and shared
   components read these variables:
     --obltech-heading   -> universal h1-h6 color
     --obltech-accent    -> shared badges/buttons/links
     --obltech-accent-2  -> gradient second stop
   Pages 6-9 define them below. As components migrate to the
   shared library, more of each page's colors move here and
   out of the per-page component sets.
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Page 1: White Label SEO  — replace 0001 with real page ID
   This page's palette == the :root defaults in the global file,
   so this block is technically optional. It's written out in
   full anyway, as the copy-paste TEMPLATE for every other page.
   ------------------------------------------------------------ */
body.page-id-0001 {
  /* Accent purples */
  --obltech-purple:        #7F77DD;
  --obltech-purple-light:  #EEEDFE;
  --obltech-purple-mid:    #CECBF6;
  --obltech-purple-dark:   #534AB7;

  /* Hero brand purple */
  --obltech-brand:         #7c3aed;
  --obltech-brand-dark:    #6d28d9;
  --obltech-brand-soft:    #ede9fe;
  --obltech-brand-border:  #c4b5fd;

  /* Core palette */
  --obltech-navy:          #26215C;
  --obltech-teal:          #1296B5;
  --obltech-teal-dark:     #0d7a94;
  --obltech-orange:        #E26713;
  --obltech-orange-hv:     #c75b10;

  /* Text */
  --obltech-text:          #32373B;
  --obltech-muted:         #555f6e;
  --obltech-heading-dark:  #233049;
  --obltech-hero-heading:  #1e1040;
  --obltech-hero-muted:    #9d8fba;

  /* Section backgrounds */
  --obltech-bg-light:      #F5F0FF;
  --obltech-bg-hero:       #f5f0ff;
  --obltech-bg-dark:       #26215C;
  --obltech-bg-dark-inner: #312B6B;
  --obltech-bg-trust:      #7C3AED;
  --obltech-cta-grad-a:    #233049;
  --obltech-cta-grad-b:    #1c2a40;

  /* Borders */
  --obltech-border:        #AFA9EC;
  --obltech-border-soft:   #e0e5eb;
}

/* ------------------------------------------------------------
   Page 2: SEO Reseller Services — applied via the
   "obltech-theme-reseller" class present on every section
   Accent = TEAL on this page. Note: --obltech-purple is the
   ACCENT variable (named after page 1's color) — overriding it
   recolors tags, highlights, dividers, FAQ chevrons, icons,
   timeline, stats band, etc. all at once.
   ------------------------------------------------------------ */
/* Trigger = theme marker class carried in the page's own HTML
   (every section has it), so it works on the original page, the
   duplicate, and any future copy — no page-ID hunting.
   To also scope by ID you could add: body.page-id-XXXX .obltech-lp */
.obltech-theme-reseller {
  /* Accent → teal */
  --obltech-purple:        #1296B5;
  --obltech-purple-light:  #e8f7fb;
  --obltech-purple-mid:    #c4e8f2;
  --obltech-purple-dark:   #0d7a94;

  /* Core — matched to LIVE rendering (indigo #26215C), which on
     the old site came from page-1's :root vars clobbering this
     page's #233049. Here it's set deliberately instead. */
  --obltech-navy:          #26215C;
  --obltech-heading-dark:  #26215C;   /* H1, calc header, section titles */
  --obltech-bg-dark:       #26215C;   /* profit section */
  --obltech-bg-trust:      #233049;   /* trust bar navy */
  --obltech-calc-row-bg:   #F5F0FF;   /* lavender rows, as on live */

  /* Section backgrounds */
  --obltech-bg-light:      #f6faff;   /* benefits / packages / faq */
  --obltech-services-bg:   #e8f7fb;   /* what-you-get band */
  --obltech-testi-bg:      #f6f6f6;   /* grey section… */
  --obltech-testi-card-bg: #ffffff;   /* …white cards (inverse of page 1) */

  /* Borders */
  --obltech-border:        #e0e5eb;

  /* Shadows & tints — neutral/teal instead of page-1 purple */
  --obltech-shadow-md:     0 6px 24px rgba(0,0,0,0.09);
  --obltech-open-shadow:   0 4px 16px rgba(18,150,181,.1);
  --obltech-trust-pill-color: rgba(255,255,255,.7);
}

/* ------------------------------------------------------------
   Page 3: SEO for Car Detailing — theme marker:
   "obltech-theme-cardetail" (present on all 15 sections).
   This page's palette is POLYCHROME BY DESIGN (six card colors
   per section, twelve section gradients), so its colors live
   directly inside its obltech-cd-* component rules in the
   global stylesheet — there is no single palette to swap.
   This block exists so every page is registered here; add
   overrides below only if a variable-driven knob is ever
   introduced for this page.
   ------------------------------------------------------------ */
.obltech-theme-cardetail {
  /* no variable overrides — colors are component-embedded */
}

/* ------------------------------------------------------------
   Page 4: SEO for Event Planners — theme marker:
   "obltech-theme-eventplan" (present on all 14 sections).
   Polychrome by design (violet-led with per-card pink/amber/
   cyan/green/indigo/rose accents) — colors live in the
   obltech-ep-* component rules. Registered here; add variable
   overrides below only if a themable knob is introduced.
   ------------------------------------------------------------ */
.obltech-theme-eventplan {
  /* no variable overrides — colors are component-embedded.
     (Rebuilt from the user's ORIGINAL page HTML/CSS after an
     earlier reconstruction-from-memory error; now script-verified
     against source: images, links, and copy all byte-identical.) */
}

/* ------------------------------------------------------------
   Page 5: Guest Posting Services -- theme marker:
   "obltech-theme-guestpost" (present on all 16 sections).
   Blue/green accent thread with polychrome per-card families
   (case studies, benefits stat cards, quality signs, campaign
   tiers) -- colors live in the obltech-gp-* component rules.
   Registered here; add variable overrides below only if a
   themable knob is introduced.
   ------------------------------------------------------------ */
.obltech-theme-guestpost {
  /* no variable overrides -- colors are component-embedded */
}

/* ------------------------------------------------------------
   Page 6: SEO for Handyman Services -- theme marker:
   "obltech-theme-handyman" (present on all 13 sections).
   Amber/gold accent thread over polychrome per-section pastel
   gradients and per-card color families (c-/t-/i-/b-/s-/m-/
   r-/k-/mt- in amber, rust, navy, emerald, violet, rose,
   honey, sky, bronze) -- colors live in the obltech-hm-*
   component rules in the global stylesheet. Registered here;
   add variable overrides below only if a themable knob is
   introduced.
   ------------------------------------------------------------ */
.obltech-theme-handyman {
  --obltech-accent:   #f59e0b;   /* amber thread */
  --obltech-heading:  #0f172a;
}

/* ------------------------------------------------------------
   Page 7: SEO Agency New York -- theme marker:
   "obltech-theme-newyork" (present on all 13 sections).
   Orange (#f97316) accent thread over white/light-neutral
   sections with navy (#0a1628) headings -- colors live in the
   obltech-ny-* component rules in the global stylesheet.
   Registered here; add variable overrides below only if a
   themable knob is introduced.
   ------------------------------------------------------------ */
.obltech-theme-newyork {
  --obltech-accent:   #f97316;   /* orange */
  --obltech-heading:  #0a1628;   /* navy headings */
}

/* ------------------------------------------------------------
   Page 8: SEO Company Los Angeles -- theme marker:
   "obltech-theme-losangeles" (present on all 12 sections).
   Orange (#FF6500) accent over white / light blue-grey
   sections; violet+amber hero artwork -- colors live in the
   obltech-la-* component rules in the global stylesheet.
   FONTS: this page is the first fully wired to
   var(--obltech-font-body) (no hardcoded families).
   Registered here; add variable overrides below only if a
   themable knob is introduced.
   ------------------------------------------------------------ */
.obltech-theme-losangeles {
  --obltech-accent:   #FF6500;
  --obltech-heading:  #0f172a;
}

/* ------------------------------------------------------------
   Page 9: Miami SEO Company -- theme marker:
   "obltech-theme-miami" (present on all 12 section roots).
   Coral/teal Miami palette -- colors live in the obltech-mia-*
   component rules in the global stylesheet. Fully wired to
   var(--obltech-font-body); built to run on the 156-line
   global JS with no page-specific modules.
   ------------------------------------------------------------ */
.obltech-theme-miami {
  --obltech-accent:   #f43f5e;   /* coral */
  --obltech-accent-2: #ec4899;
  --obltech-heading:  #0f172a;
}

/* ------------------------------------------------------------
   Page 10: Chicago SEO Company -- theme marker:
   "obltech-theme-chicago" (on all 15 section roots).
   Sky-blue/orange accents -- colors live in the obltech-chi-*
   rules in Styles Snippet 2. Hero CSS pending from source.
   ------------------------------------------------------------ */
.obltech-theme-chicago {
  --obltech-accent:  #0ea5e9;
  --obltech-heading: #0f172a;
}

/* ------------------------------------------------------------
   Page 11+: copy a block above, change the marker/ID and only
   the values that differ.
   ------------------------------------------------------------ */

/* ============================================================
   REGISTRY EXTENSION — Pages 11-29 (added Jul 2026)
   All pages below are POLYCHROME BY DESIGN: their colors are
   component-embedded in the global stylesheet. Marker-only
   entries; add variable overrides only if a knob is needed.
   ============================================================ */

/* Page 11: SEO Company Texas — marker: "obltech-theme-texas" */
.obltech-theme-texas {
  /* no variable overrides — colors are component-embedded */
}

/* Page 12: Houston SEO Company — marker: "obltech-theme-houston" */
.obltech-theme-houston {
  /* no variable overrides — colors are component-embedded */
}

/* Page 13: Programmatic SEO Service — marker: "obltech-theme-programmatic" */
.obltech-theme-programmatic {
  /* no variable overrides — colors are component-embedded */
}

/* Page 14: SEO for Yoga Studios — marker: "obltech-theme-yoga" */
.obltech-theme-yoga {
  /* no variable overrides — colors are component-embedded */
}

/* Page 15: SEO Company Hong Kong — marker: "obltech-theme-hongkong" */
.obltech-theme-hongkong {
  /* no variable overrides — colors are component-embedded */
}

/* Page 16: Personal Injury Lawyer SEO — marker: "obltech-theme-personalinjury" */
.obltech-theme-personalinjury {
  /* no variable overrides — colors are component-embedded */
}

/* Page 17: SEO Company in China — marker: "obltech-theme-china" */
.obltech-theme-china {
  /* no variable overrides — colors are component-embedded */
}

/* Page 18: SEO Company Vietnam — marker: "obltech-theme-vietnam" */
.obltech-theme-vietnam {
  /* no variable overrides — colors are component-embedded */
}

/* Page 19: Trucking SEO Company — marker: "obltech-theme-trucking" */
.obltech-theme-trucking {
  /* no variable overrides — colors are component-embedded */
}

/* Page 20: SEO Company Melbourne — marker: "obltech-theme-melbourne" */
.obltech-theme-melbourne {
  /* no variable overrides — colors are component-embedded */
}

/* Page 21: Technical SEO Services — marker: "obltech-theme-technicalseo" */
.obltech-theme-technicalseo {
  /* no variable overrides — colors are component-embedded */
}

/* Page 22: Video Editing Services — marker: "obltech-theme-videoediting" */
.obltech-theme-videoediting {
  /* no variable overrides — colors are component-embedded */
}

/* Page 23: Local Citation Audit — marker: "obltech-theme-citationaudit" */
.obltech-theme-citationaudit {
  /* no variable overrides — colors are component-embedded */
}

/* Page 24: SEO Services in Mumbai — marker: "obltech-theme-mumbai" */
.obltech-theme-mumbai {
  /* no variable overrides — colors are component-embedded */
}

/* Page 25: SEO Company in Delhi — marker: "obltech-theme-delhi" */
.obltech-theme-delhi {
  /* no variable overrides — colors are component-embedded */
}

/* Page 26: SEO Agency Bangalore — marker: "obltech-theme-bangalore" */
.obltech-theme-bangalore {
  /* no variable overrides — colors are component-embedded */
}

/* Page 27: SEO Company Pune — marker: "obltech-theme-pune" */
.obltech-theme-pune {
  /* no variable overrides — colors are component-embedded */
}

/* Page 28: SEO Company in Jaipur — marker: "obltech-theme-jaipur" */
.obltech-theme-jaipur {
  /* no variable overrides — colors are component-embedded */
}

/* Page 29: SEO Services in Hyderabad — marker: "obltech-theme-hyderabad" */
.obltech-theme-hyderabad {
  /* no variable overrides — colors are component-embedded */
}

/* Page 30: SEO Company in Chennai — marker: "obltech-theme-chennai" */
.obltech-theme-chennai {
  /* no variable overrides — colors are component-embedded */
}

/* Page 31: Homepage — marker: "obltech-theme-homepage" */
.obltech-theme-homepage {
  /* no variable overrides — colors are component-embedded */
}