:root {
  --brand-background: #193549;
  --brand-surface: #1f4662;
  --brand-primary: #ffc600;
  --brand-secondary: #ff9d00;
  --brand-text: #ffffff;
  --brand-muted: #9ebdcf;
  --brand-amber: var(--brand-secondary);
  --brand-amber-soft: var(--brand-primary);
  --brand-obsidian: var(--brand-background);
  --brand-off-white: var(--brand-text);
  --brand-slate: rgba(158, 189, 207, 0.28);
  --brand-green: var(--brand-primary);
  --brand-sage: var(--brand-surface);
  --ink: var(--brand-text);
  --muted: var(--brand-muted);
  --paper: var(--brand-background);
  --card: var(--brand-surface);
  --green: var(--brand-primary);
  --mint: var(--brand-muted);
  --line: rgba(158, 189, 207, 0.28);
  --gold: var(--brand-secondary);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}
.site-header{background:rgba(25,53,73,.9);border-color:rgba(158,189,207,.28)}
.button{background:var(--brand-primary);color:var(--brand-background)}
.button:hover{background:var(--brand-secondary)}
.hero-panel{background:var(--brand-surface);color:var(--brand-text);border:1px solid rgba(158,189,207,.28);transform:none}
.hero-panel .panel-label,.hero-panel li span{color:var(--brand-primary)}
.hero-panel li{border-top-color:rgba(158,189,207,.24)}
.work-section{background:var(--brand-surface);color:var(--brand-text)}
.work-section .eyebrow,.tag{color:var(--brand-primary)!important}
.work-section .section-heading p,.project-copy>p{color:var(--brand-muted)}
.project{border-color:rgba(158,189,207,.28);background:rgba(25,53,73,.48)}
.lawn-visual{background:linear-gradient(135deg,var(--brand-surface),var(--brand-primary))}
.mini-browser{background:var(--brand-background);color:var(--brand-text)}
.mini-browser span{background:var(--brand-muted)}
.mini-browser strong{color:var(--brand-primary)}
.automation-visual{background:var(--brand-background);border:1px solid var(--line)}
.flow span{background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--line)}
.flow i{color:var(--brand-primary)}
.dashboard-visual{background:linear-gradient(150deg,var(--brand-surface),var(--brand-secondary))}
.dash{background:var(--brand-background)}
.dash span{background:var(--brand-primary)}
.dash b{background:var(--brand-muted)}
.contact{background:var(--brand-surface);border:1px solid var(--line)}
.skip-link{background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-primary)}
::selection{background:var(--brand-primary);color:var(--brand-background)}