/* Oranjeclips: Dutch red, white and blue, with orange as the festive accent. */
:root {
  --orange: #c94e0d;
  --ink: #163d73;
  --paper: #f7f9ff;
  --muted: #52647a;
  --line: #dae3ef;
  --red: #bc2c3a;
  --blue: #1d4c91;
  --bright-orange: #ff801e;
}
body {
  background: radial-gradient(ellipse at 96% 12%, #fff0df 0, transparent 37%), var(--paper);
  color: var(--ink);
}
body::before {
  content: '';
  display: block;
  height: 8px;
  background: linear-gradient(90deg, var(--red) 0 33.333%, #fff 33.333% 66.666%, var(--blue) 66.666%);
  box-shadow: 0 1px 0 #d6e0ef;
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline: 3px solid #245aa5;
  outline-offset: 4px;
}
.brand { color: #173d70; }
.brand-icon { background: var(--bright-orange); box-shadow: 0 5px 0 #d45e0b, 0 9px 19px #eb731a22; }
.brand small { color: #52647a; }
.header-note { color: #52647a; }
.header-note i { background: var(--bright-orange); box-shadow: 0 0 0 4px #ffe5ce; }
.outline-link { border-color: #c4d2e7; color: #234d86; background: #fff; }
.outline-link:hover { background: #eaf1ff; border-color: #6d8ebd; }
.hero {
  position: relative;
  background: linear-gradient(125deg, #fff9f0, #ffe5c5);
  border: 1px solid #f5cfaa;
  box-shadow: 0 15px 35px #e2781910;
}
.hero-copy { position: relative; }
.hero-copy::after {
  content: '';
  position: absolute;
  width: 200px; height: 200px;
  border: 35px solid #ffc99045;
  border-radius: 50%;
  left: -120px; bottom: -130px;
  pointer-events: none;
}
.hero .eyebrow { display: inline-block; background: #fff; color: #a94112; border: 1px solid #efc9a8; padding: 8px 10px; border-radius: 30px; letter-spacing: 1.5px; }
.hero h1 { color: #173d70; }
.hero h1 em { color: #d6530e; }
.hero p { color: #58667a; }
.button { background: var(--orange); box-shadow: 0 3px 0 #9e390a; }
.button:hover:not(:disabled) { background: #ae3f09; }
.button.dark { background: var(--blue); box-shadow: 0 3px 0 #12366b; }
.button.dark:hover { background: #163e7a; }
.button:disabled { box-shadow: none; }
.hero-bottom { color: #635b50; }
.flag { background: linear-gradient(#bc2c3a 0 33.333%, #fff 33.333% 66.666%, #1d4c91 66.666%); box-shadow: 0 1px 4px #14345c22; }
.landscape { background: linear-gradient(#b1def5, #e8f7ff 78%); }
.sun { background: #ffd15a; box-shadow: 0 0 0 17px #ffeaa344, 0 0 80px #ffe6a2; }
.cloud { background: #fff; opacity: .9; }
.hill { background: #8cbd7d; }
.hill.near { background: #4a976d; }
.water { background: #76bfe7; box-shadow: inset 15px 0 #b7e0f5; opacity: .95; }
.tulips { filter: saturate(1.4); }
.scene-label { background: #fff; border: 1px solid #f3cfac; color: #244f87; }
.bunting { position: absolute; left: -4%; top: 18px; width: 108%; display: flex; justify-content: space-around; gap: 14px; border-top: 2px solid #40638b; transform: rotate(-7deg); z-index: 1; pointer-events: none; }
.bunting span { display: block; flex: 0 1 34px; height: 45px; background: linear-gradient(#bc2c3a 0 33.333%, #fff 33.333% 66.666%, #1d4c91 66.666%); clip-path: polygon(0 0,100% 0,50% 100%); }
.bunting span:nth-child(even) { background: #ff801e; }
.eyebrow { color: #526c8c; }
.notice,.broadcast-controls p { color: #52647a; }
.demo-label { background: #e5edfc; color: #1d4c91; border: 1px solid #d0dcf2; }
.broadcast-player { background: #163d73; border: 3px solid #fff; box-shadow: 0 0 0 1px #c8d7ed, 0 10px 28px #183c7115; }
#station-placeholder { color: #fff; background: radial-gradient(ellipse at center,#2e65a9,#153766); }
.record { color: #ffb366; border-color: #ffba7e88; box-shadow: 0 0 0 13px #ffffff0d,0 0 0 27px #ffffff08; }
.station-info { position: relative; overflow: hidden; background: linear-gradient(145deg,#24569b,#173c72); border: 1px solid #1b4681; box-shadow: 0 10px 25px #173c711c; }
.station-info::before { content: ''; display: block; height: 5px; position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(90deg,#e4454f 0 33.333%,#fff 33.333% 66.666%,#ff922d 66.666%); }
.station-info h2,.station-info h3 { color: #fff; }
.station-info .eyebrow { color: #ffd3a8; }
.station-info p { color: #e0eafa; }
.station-info .youtube-note { color: #d3e1f6; }
.station-divider { border-color: #ffffff33; }
.collection-count { background: #fff0df; color: #943707; display: inline-block; padding: 9px 12px; border-radius: 6px; }
.request-panel { background: linear-gradient(120deg,#fff2df,#ffead7); border: 1px solid #f3cba7; border-top: 5px solid #ff801e; box-shadow: 0 8px 25px #ec8c1710; }
.request-panel .eyebrow { color: #a43e0c; }
.request-panel p { color: #58667a; }
.request-panel label { color: #234671; font-weight: 600; }
.request-panel input,.clip-editor input:not([type=checkbox]),.filter-label input,#discovery-artists,.login-panel input { border-color: #bdcde1; background: #fff; color: #193b69; }
.closing { background: #e9f0fc; border: 1px solid #ccdbee; border-left: 5px solid #bc2c3a; }
.closing>span:first-child { color: #df620d; }
.closing p { color: #52647a; }
.closing strong { color: #193e75; }
footer { color: #52647a; }
.footer-brand { color: #193e75; }
/* The same palette carries through to the private dashboard. */
.login-panel { background: #fff1df; border: 1px solid #f0caa3; border-top: 5px solid var(--bright-orange); }
.login-panel p,#admin-status,.clip-card p,.collection-panel small { color: #52647a; }
.admin-nav a { background: #e7effc; color: #214c89; border-bottom: 3px solid #1d4c91; }
.admin-nav a:nth-child(2n) { border-bottom-color: #bc2c3a; }
.admin-nav a:nth-child(3n) { border-bottom-color: #ee771a; }
.admin-block { background: #fff; border-color: #d2deef; box-shadow: 0 5px 15px #173c7105; }
.admin-block h2 { color: #193e75; }
.collection-panel { background: #edf3ff; border: 1px solid #cddcf0; }
.collection-panel li { border-color: #cbd9ed; }
.collection-panel h2 span { color: #a2400e; }
.collection-panel .button { background: var(--orange); }
.collection-panel .button:hover { background: #ae3f09; }
.text-button { color: #a63e0b; }
.collection-panel button:not(.button) { color: #234d86; border-color: #bdcde1; }
.stat-cards>div { background: #fff; border: 1px solid #d2deef; border-top: 4px solid #bc2c3a; }
.stat-cards>div:nth-child(2) { border-top-color: #b8c8e1; }
.stat-cards>div:nth-child(3) { border-top-color: #1d4c91; }
.stat-cards>div:nth-child(4) { border-top-color: #ff801e; }
.stat-cards strong { color: #194785; }
.stat-cards span,.request-list p { color: #52647a; }
select { border-color: #bdcde1; background: #fff; color: #193b69; }
th,td,.request-list li { border-color: #d5dfed; }
.approval-context { background: #ffead5; border: 1px solid #f0c59d; }
dialog { background: #f7f9ff; border-color: #bdcde1; }
dialog::backdrop { background: #102e57b8; }
#preview-player { background: #163d73; }
@media(max-width:740px) {
  body::before { height: 6px; }
  .hero .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .bunting { top: 16px; }
  .bunting span { height: 32px; flex-basis: 27px; }
}
.hero-copy { isolation: isolate; }
.hero-copy::after { z-index: -1; }