/* Navy and gold theme (trial). Loaded after site.css, auth.css and pools.css: it remaps the named colours to a light page
   with a navy top bar and gold accent. Remove the <link> in the layouts to go back to black and silver. */
:root{
  --black:#F6F4EF;      /* page, inset fields */
  --graphite:#FFFFFF;   /* raised surfaces */
  --rail:#E3DED3;       /* dividers, empty cells */
  --steel:#5B6478;      /* secondary text */
  --silver:#D9A21B;     /* the accent: gold */
  --white:#14213D;      /* text and primary buttons: navy */
  --danger:#A33A2E;--danger-bg:#F7E4E1;--ok:#2B6B34;--ok-bg:#E6F1E7;--warn:#8A5A00;--warn-bg:#FBF0D6;
}

/* The top bar, the auth header and the sign-in art panel stay dark: navy with white text and gold. */
.topbar,.auth-top,.art{
  --black:#14213D;--graphite:#1C2D52;--rail:#2A3A5E;--steel:#AAB3C5;--white:#FFFFFF;
}
.topbar,.auth-top{border-bottom-color:#14213D}
/* The sign-in art: three groups in order (list lines, check marks, dots), recoloured gold and made stronger on navy. */
.art svg g:nth-of-type(1){stroke:#D9A21B}
.art svg g:nth-of-type(1) line{stroke-opacity:.7}
.art svg g:nth-of-type(1) line:nth-child(even){stroke-opacity:.45}
.art svg g:nth-of-type(2){stroke:#D9A21B;stroke-opacity:.9}
.art svg g:nth-of-type(3){fill:#D9A21B;fill-opacity:.7}

/* Text on gold reads navy, not the page colour. */
.steps>li::before,.you-tag,.dot,.avatar,.btn-pri:hover,.wizard-steps li[aria-current="step"]{color:#14213D}
.btn-pri{color:#FFFFFF}
.btn-pri:hover{background:#D9A21B}
.wizard-steps li[aria-current="step"]{color:#FFFFFF}
.cell.lost .cell-mark{color:#FFFFFF}
.switch input:checked::after{background:#FFFFFF}

/* Gold is a fill colour; as text on the cream page it's too faint, so accent text is a darker bronze, and labels are navy. */
a,.poolhead-line strong,.pick-day-title,.sched-title,.divider td b,.feed span,.gfoot .imp.out,.cell-mark{color:#8A6408}
.field,.otp-field,.p-blue{color:#14213D}

/* Hover rows and menus on a light page. */
.row-link:hover,.kpi:hover,.tile:hover,.entry-row:hover{background:#EFEBE2}
.menu{box-shadow:0 12px 32px rgba(20,33,61,.18)}
.otp-box.is-active{box-shadow:0 0 0 3px rgba(20,33,61,.15)}