/* Brand colours on everything the browser draws itself, so no default blue
   shows anywhere: both apps, the sign-in pages and the marketing site.
   Palette only (taupe #C4B5A8 / #A89880, text, page ground); dark mode follows
   the tokens where a page defines them. */
:root{accent-color:#A89880}
input,select,textarea,progress,meter{accent-color:var(--cap-d,#A89880)}
::selection{background:rgba(196,181,168,.45);color:inherit}
:focus-visible{outline:2px solid var(--cap,#C4B5A8);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--cap-d,#A89880);box-shadow:0 0 0 3px rgba(196,181,168,.25)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg2,#FFFFFF) inset !important;-webkit-text-fill-color:var(--text,#0A0A0A) !important;caret-color:var(--text,#0A0A0A);transition:background-color 9999s}
a:not([class]):not([style]){color:var(--text-m,#6E5F52)}
a:not([class]):not([style]):hover{color:var(--text,#0A0A0A)}
progress{-webkit-appearance:none;appearance:none;height:6px;border:0;border-radius:999px;background:rgba(196,181,168,.18);overflow:hidden}
progress::-webkit-progress-bar{background:rgba(196,181,168,.18);border-radius:999px}
progress::-webkit-progress-value{background:var(--cap-d,#A89880);border-radius:999px}
progress::-moz-progress-bar{background:var(--cap-d,#A89880);border-radius:999px}
input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
/* Closed select fields: our arrow, in the palette (the open list: ylux-select.js) */
select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23A89880' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5l5 5 5-5'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:right 12px center !important;background-size:12px 8px !important}
select[aria-expanded="true"]{border-color:var(--cap-d,#A89880)}
/* Inline lists (multiple / size): chosen rows in taupe, not system blue */
select[multiple] option:checked,select[size] option:checked{background:#C4B5A8 linear-gradient(#C4B5A8,#C4B5A8);color:#0A0A0A}
select[multiple]:focus option:checked,select[size]:focus option:checked{background:#A89880 linear-gradient(#A89880,#A89880)}