/* Approved Raseeq palette. Customer preview variables remain independent. */
:root{--raseeq-petrol:#08434c;--raseeq-orange:#ff5533;--raseeq-on-orange:#06282f;--raseeq-soft:#f4f8f9;--green:var(--raseeq-petrol);--ink:var(--raseeq-petrol);--paper:#fff;--muted:#526d73;--line:#d7e3e5}
body,body.studio-active{background:var(--paper);color:var(--ink)}
::selection{background:#ff55332b;color:var(--raseeq-on-orange)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--raseeq-petrol)}
.site-header,body.studio-active .site-header{background:#fffffff5;border-bottom-color:var(--line)}
.site-header .studio-navigation button{color:var(--muted)}
.site-header .studio-navigation button[aria-current=page]{color:var(--raseeq-petrol);border-bottom-color:var(--raseeq-orange)}
.site-header .nav-contact{color:var(--raseeq-petrol);border-bottom-color:var(--raseeq-orange)}
#hm-continuous,.journey-stage{--hc-accent:#08434c}
.stage-glow{background:radial-gradient(ellipse at 28% 46%,#08434c08,transparent 54%)}
.hc-grid-line{stroke:#96afb4}.hc-sketch{stroke:var(--hc-accent)}.hc-ui-line{fill:#afc3c7}
.hc-colors button{border-color:#bdcdd0}
.hc-colors button[aria-pressed=true]{border-color:var(--raseeq-petrol);background:var(--raseeq-soft)}
.journey-steps span{background:#b4c8cc}
.journey-steps button[aria-current=step]{color:var(--raseeq-petrol)}
.journey-steps button[aria-current=step] span,.journey-track i{background:var(--raseeq-orange)}
.journey-track{background:var(--line)}
.hero-shortcuts a,.text-action,.journey-demo,.portfolio-request-options button{color:var(--raseeq-petrol);border-color:var(--line)}
.hero-shortcuts a:first-child{border-bottom-color:var(--raseeq-orange)}
.journey-cta{color:var(--raseeq-on-orange);background:var(--raseeq-orange);border:1px solid var(--raseeq-orange);border-radius:5px;padding:11px 18px}
.primary-button,#portfolio-dialog .pd-commit,.js-ready .static-demo{background:var(--raseeq-orange);border-color:var(--raseeq-orange);color:var(--raseeq-on-orange)}
.primary-button:hover,#portfolio-dialog .pd-commit:hover,.journey-cta:hover{background:#fa694c;color:var(--raseeq-on-orange);border-color:#fa694c}
.site-footer,.site-footer-social{background:#fff;color:var(--muted);border-color:var(--line)}
.site-footer-social .fs-accounts a{color:var(--raseeq-petrol);background:#fff;border-color:var(--line)}
.site-footer-social .fs-accounts a:hover{background:var(--raseeq-soft);border-color:var(--raseeq-petrol)}
.site-footer-social .fs-copyright{border-color:var(--line)}
.chooser-section,.campaign-hero,.request-section{background:#fff}
.chooser-card,.campaign-mark,.service-deliverables{background:#fff;border-color:var(--line)}
.chooser-aside,.launch-box{background:var(--raseeq-soft);border-color:var(--line)}
.goal-option,.bundle-option{border-color:var(--line)}
.goal-option:hover,.goal-option:focus-visible{background:var(--raseeq-soft);border-color:var(--raseeq-petrol)}
.step-indicator i.active{background:var(--raseeq-orange)}

/* Service interface, outside the customer-colored experiment canvas. */
#hstroke-service-studio{--studio-ink:var(--raseeq-petrol);--studio-muted:var(--muted);--studio-line:var(--line);--studio-soft:var(--raseeq-soft);background:#fff;color:var(--raseeq-petrol)}
.studio-price strong,.studio-info-tabs button[aria-selected=true]{color:var(--raseeq-petrol)}
.studio-info-tabs button[aria-selected=true]{border-bottom-color:var(--raseeq-orange)}
.studio-breadcrumb,.studio-kicker,.studio-description,.studio-price span,.studio-price p,.studio-experience-heading p,.studio-commit-bar p,.studio-selection-top span,.studio-summary dt,.studio-info-tabs button,.studio-deliverables span,.studio-faq p,.studio-order label small,.studio-draft-note,.studio-order-message pre{color:var(--muted)}
.studio-preview-label{color:var(--muted);background:var(--raseeq-soft);border-color:var(--line)}
.studio-experience,.studio-experience-heading,.studio-commit-bar,.studio-price,.studio-selection,.studio-summary>div,.studio-info-tabs,.studio-faq,.studio-order,.studio-order-message{border-color:var(--line)}
.studio-order{background:var(--raseeq-soft)}
.studio-order input,.studio-order textarea{color:var(--raseeq-petrol);border-color:var(--line)}
#hstroke-service-studio .studio-button{background:var(--raseeq-orange);border-color:var(--raseeq-orange);color:var(--raseeq-on-orange)}
#hstroke-service-studio .studio-button:hover{background:#fa694c;border-color:#fa694c;color:var(--raseeq-on-orange)}
#hstroke-service-studio .studio-button.secondary{background:#fff;border-color:#bdcdd0;color:var(--raseeq-petrol)}
#hstroke-service-studio .studio-button.secondary:hover{background:var(--raseeq-soft);border-color:var(--raseeq-petrol)}
#hstroke-service-studio .studio-text-button,.studio-email-request{color:var(--raseeq-petrol)}
#hstroke-service-studio .exp-choice[aria-pressed=true],#hstroke-service-studio .exp-choice[aria-pressed=true]:hover{background:var(--raseeq-petrol);border-color:var(--raseeq-petrol);color:#fff}
.hs-experiment .exp-palette-preset[aria-pressed=true],.hs-experiment .exp-palette-slot[aria-pressed=true],.hs-experiment .exp-color-swatch[aria-pressed=true],.hs-experiment .exp-free-color[data-custom=true]{border-color:var(--raseeq-petrol);box-shadow:0 0 0 1px var(--raseeq-petrol)}
.hs-experiment .exp-free-color:focus-within{outline-color:var(--raseeq-petrol)}
body.studio-active #studio-footer,body.studio-active #studio-footer .site-footer-social{background:#fff;color:var(--muted);border-color:var(--line)}

/* Existing portfolio dialog chrome keeps its customer-designed art untouched. */
#portfolio-dialog .pd-header,#portfolio-dialog .pd-controls,#portfolio-dialog .pd-footer{background:#fff;border-color:var(--line);color:var(--raseeq-petrol)}
#portfolio-dialog .pd-options button[aria-pressed=true],#portfolio-dialog #pd-custom-toggle[aria-pressed=true]{background:var(--raseeq-petrol);border-color:var(--raseeq-petrol);color:#fff}
#portfolio-dialog .pd-options button:hover,#portfolio-dialog .pd-color-strip button[aria-pressed=true]{border-color:var(--raseeq-petrol)}
#portfolio-dialog .pd-color-strip button[aria-pressed=true]{background:var(--raseeq-soft);box-shadow:inset 0 0 0 1px var(--raseeq-petrol)}
#portfolio-dialog .pd-footer small,#portfolio-dialog .pd-personalize-inputs label{color:var(--muted)}
#portfolio-dialog .pd-personalize-inputs input{color:var(--raseeq-petrol);border-color:var(--line)}
.js-ready .request-demo{background:#fff;color:var(--raseeq-petrol);border-color:var(--line)}