/* Winning Solution brand system — shared by the public site and studio. */
:root{
  --win-ink:#101216;
  --win-ink-deep:#090B0E;
  --win-red:#D32739;
  --win-red-light:#E45C68;
  --win-gold:#D6A75D;
  --win-gold-light:#F3DEC0;
  --win-ivory:#F6F2EC;
  --win-surface:#FFFFFF;
  --win-text:#1D2128;
  --win-muted:#686B73;
  --win-line:#DADADD;
}

/* Public website: charcoal, deep red, and restrained gold. */
.public-site{--bg:var(--win-ink-deep);--orange:var(--win-gold);--muted:#ADB0B5;background:var(--win-ink-deep);color:var(--win-ivory)}
.public-site .brand-mark{width:36px;height:36px;display:block;flex:none;border-radius:8px}
.public-site .brand small{color:#ADB0B5}
.public-site .brand-light{font-weight:400}
.public-site .site-header{border-color:#ffffff16}
.public-site .nav-links a{color:#C0C1C4}
.public-site .nav-links a:hover,.public-site .footer-links a:hover{color:var(--win-gold)}
.public-site .warm-text{background:linear-gradient(110deg,#F3DEC0,#D6A75D 48%,#E45C68);background-clip:text;-webkit-background-clip:text;color:transparent}
.public-site .hero{background:radial-gradient(circle at 2% 47%,#D3273938,transparent 27%),radial-gradient(circle at 96% 17%,#D6A75D20,transparent 30%),#090B0E}
.public-site .light-one{background:radial-gradient(ellipse,#D3273988,#6A202A33 38%,transparent 70%)}
.public-site .light-two{background:radial-gradient(ellipse,#C6985455,#76501A24 38%,transparent 70%)}
.public-site .eyebrow,.public-site .pill{color:#E5BE82}
.public-site .status-dot{background:#D6A75D;box-shadow:0 0 9px #D6A75D66}
.public-site .btn{background:linear-gradient(145deg,#F3DEC0,#D6A75D);border-color:#F3DEC066;color:var(--win-ink-deep);box-shadow:inset 0 1px #ffffff88,0 9px 28px #A8323F25}
.public-site .btn:hover{box-shadow:inset 0 1px #ffffff99,0 12px 35px #A8323F40}
.public-site .btn-ghost{background:#ffffff05;color:#EAF1EF;border-color:#ffffff2a;box-shadow:none}
.public-site .btn-ghost:hover{background:#ffffff10;box-shadow:none}
.public-site .filter.active{border-color:#E45C6855;color:#F1A4A9;background:#4A1D25}
.public-site .filter:hover{color:#E7BE86}
.public-site .tool-card{background:linear-gradient(145deg,#191B20,#101216);border-color:#ffffff18}
.public-site .tool-card:hover{border-color:#D6A75D88}
.public-site .closing-section{background:radial-gradient(circle at 50% 110%,#A8323F30,transparent 55%),#111318;border-color:#D6A75D35}
.public-site :focus-visible{outline-color:#D6A75D}

/* Studio: ivory work surface, with red actions and small gold details. */
.studio-site{--bg:var(--win-ivory);--sidebar:var(--win-ink);--panel:var(--win-surface);--panel-2:#F2F0EC;--line:var(--win-line);--text:var(--win-text);--muted:var(--win-muted);--acid:var(--win-red);--acid-ink:#fff;background:radial-gradient(circle at 90% 2%,#EEE5D722,transparent 24%),var(--win-ivory);color:var(--win-text)}
.studio-site .identity-logo{width:41px;height:41px;display:block;flex:none;border-radius:9px}
.studio-site .identity-name{font-size:14px;letter-spacing:.10em;color:#fff}
.studio-site .identity-name small{font-size:8px;letter-spacing:.30em;color:#D2D0CE}
.studio-site .sidebar{background:linear-gradient(180deg,#1D1E24,#101216);border-color:#383337}
.studio-site .side-nav button:hover{background:#34262C}
.studio-site .side-nav button.active{background:#D32739;border-color:#D32739;box-shadow:inset 3px 0 #F3DEC0;color:#fff}
.studio-site .side-nav button.active .nav-tail{color:#fff}
.studio-site .nav-tail{color:#E3BD80}
.studio-site .pulse-dot,.studio-site .local-badge span{background:#D6A75D;box-shadow:0 0 10px #D6A75D77}
.studio-site .topbar{background:#ffffffdf;border-color:#E2DEDA}
.studio-site .breadcrumb span{color:#493137}
.studio-site .local-badge{background:#FBF6EF;border-color:#EADAC3;color:#765A36}
.studio-site .topbar-link,.studio-site .quiet-button{color:var(--win-red)}
.studio-site .topbar-link:hover,.studio-site .quiet-button:hover{color:#812A35}
.studio-site .overline,.studio-site .panel-index,.studio-site .step-grid b,.studio-site .guide-grid article>span{color:var(--win-red)}
.studio-site .page-intro h1 em,.studio-site .create-header h1 em{color:#C32B3B}
.studio-site .stage-marker>span,.studio-site .count-panel strong,.studio-site .usage-grid strong{color:var(--win-red)}
.studio-site .section-number{border-color:#EADAC3;background:#FCF7EF;color:#805D2B}
.studio-site .upload-zone{background:linear-gradient(145deg,#FBFAF7,#F5F0EA);border-color:#D9C7B6}
.studio-site .upload-zone:hover,.studio-site .upload-zone.dragging{background:#FBF3E8;border-color:#BE9867}
.studio-site .upload-graphic{color:#8E5C32;border-color:#E8D7BA}
.studio-site .field b{color:var(--win-red)}
.studio-site .field input:focus,.studio-site .field select:focus,.studio-site .field textarea:focus{border-color:#B94F5C;box-shadow:0 0 0 3px #A8323F20}
.studio-site .check-line input,.studio-site .concept-card input{accent-color:var(--win-red)}
.studio-site .concept-cycle{background:#F8EBED;color:var(--win-red)}
.studio-site .concept-cycle:hover{background:#F2DEE1}
.studio-site .concept-card:hover{border-color:#CE8F98}
.studio-site .concept-card:has(input:checked){border-color:var(--win-red);background:#FCF2F3;box-shadow:0 0 0 1px var(--win-red)}
.studio-site .advanced-controls summary{color:var(--win-red)}
.studio-site .primary-button{background:var(--win-red);border-color:var(--win-red);color:#fff}
.studio-site .primary-button:hover{background:#B31E2E;border-color:#B31E2E}
.studio-site .secondary-button:hover{background:#FAF5EE;border-color:#CDA870}
.studio-site .preview-canvas{background:linear-gradient(145deg,#F6F2EC,#EEE7DC 72%,#DACDB8);color:var(--win-ink)}
.studio-site .preview-canvas.concept-material{background:radial-gradient(circle at 72% 23%,#83686D,#3A3037 53%,#101216);color:#fff}
.studio-site .preview-canvas.concept-signal{background:linear-gradient(145deg,#F4ECE8 0 62%,#D32739 62%);color:var(--win-ink)}
.studio-site .preview-canvas.concept-signal .preview-copy{color:var(--win-ink)}
.studio-site .preview-cta{background:var(--preview-primary,var(--win-red));color:#fff}
.studio-site .concept-material .preview-cta{background:#D6A75D;color:var(--win-ink)}
.studio-site .output-status.ready{color:var(--win-red);border-color:#E3BAC0;background:#FBEEF0}
.studio-site .variant-tabs button[aria-selected=true]{background:#FBEEF0;border-color:#D7929B;color:var(--win-red)}
.studio-site .prompt-panel textarea:focus{border-color:var(--win-red)}
.studio-site .toast{background:var(--win-ink);color:#fff}
.studio-site .feature-panel{background:radial-gradient(circle at 83% 20%,#E8D8C655,transparent 38%),linear-gradient(140deg,#fff,#F8F5F1)}
.studio-site :focus-visible{outline-color:var(--win-red)}