/* ==========================================================================
   Demo Barber — generated skin. DO NOT EDIT.

   Derived from two colours by lib/palette.js. Every value below is either one
   of those two, a fixed semantic colour, or a neutral solved to hit a specific
   contrast ratio against a specific surface. Editing a value here breaks that
   guarantee and will be overwritten the next time the shop saves.

   To change how this looks, change the two input colours. To change how ALL
   shops look, change the ratio tables in lib/palette.js.
   ========================================================================== */

:root {
  --sign:            #16130f;
  --sign-cream:      #f4efe6;
  --sign-rgb:        22, 19, 15;
  --sign-cream-rgb:  244, 239, 230;
  --band-edge:       transparent;
  --paper:           #ffffff;
  --cream:           #faf9f8;
  --cream-deep:      #efece9;
  --brand:           #16130f;
  --brand-deep:      #0d0b09;
  --on-brand:        #f4efe6;
  --ink:             #16130f;
  --ink-soft:        #5a544b;
  --ink-faint:       #8b8073;
  --line:            #dddad6;
  --band-ink:        #bbb5ad;
  --band-ink-soft:   #948b7e;
  --band-ink-faint:  #897f71;
  --band-link:       #a69e94;
  --photo-ink:       #ccc7c1;
  --free:            #2c7a51;
  --free-bg:         #eaf3ed;
  --taken:           #766d61;
  --pick:            #1c5c9e;
  --warn:            #8a5a1b;
  --warn-bg:         #f7f0e4;
  --danger:          #a33c31;
  --danger-bg:       #f9edeb;
  --on-accent:       #ffffff;
  --on-dark:         #ffffff;
  --field:           #ffffff;
  --field-line:      #9b9286;
  --focus:           #16130f;
  --display:         "Playfair Display", Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --sign:            #090806;
    --sign-rgb:        9, 8, 6;
    --band-edge:       rgba(var(--sign-cream-rgb), .10);
    --paper:           #231f1a;
    --cream:           #1a1714;
    --cream-deep:      #2c2721;
    --brand:           #f4efe6;
    --brand-deep:      #ffffff;
    --on-brand:        #16130f;
    --ink:             #f4efe6;
    --ink-soft:        #afa89e;
    --ink-faint:       #776e62;
    --line:            #3c3832;
    --free:            #6cc094;
    --free-bg:         #1c2f25;
    --taken:           #988e82;
    --pick:            #7fb6e8;
    --warn:            #d9a45c;
    --warn-bg:         #33281a;
    --danger:          #e88a7d;
    --danger-bg:       #331f1c;
    --on-accent:       #090806;
    --field:           #2c2721;
    --field-line:      #7c7366;
    --focus:           #f4efe6;
  }
}

:root[data-theme="dark"] {
  --sign:            #090806;
  --sign-rgb:        9, 8, 6;
  --band-edge:       rgba(var(--sign-cream-rgb), .10);
  --paper:           #231f1a;
  --cream:           #1a1714;
  --cream-deep:      #2c2721;
  --brand:           #f4efe6;
  --brand-deep:      #ffffff;
  --on-brand:        #16130f;
  --ink:             #f4efe6;
  --ink-soft:        #afa89e;
  --ink-faint:       #776e62;
  --line:            #3c3832;
  --free:            #6cc094;
  --free-bg:         #1c2f25;
  --taken:           #988e82;
  --pick:            #7fb6e8;
  --warn:            #d9a45c;
  --warn-bg:         #33281a;
  --danger:          #e88a7d;
  --danger-bg:       #331f1c;
  --on-accent:       #090806;
  --field:           #2c2721;
  --field-line:      #7c7366;
  --focus:           #f4efe6;
}