/* FIRMAMENT :: css/themes.css :: v0.1.0
   Three themes. Night is the default. Contrast ratios checked to WCAG AA
   for body text and UI text in every theme. */

/* --- Night: graphite bench panel, verdigris controls, amber phosphor readout */
html[data-theme="night"] {
  --bg: #12151a;
  --panel: #1b2027;
  --rail: #171b21;
  --well: #0e1116;
  --key: #242b34;
  --key-hi: #2e3741;
  --edge: #39434f;
  --edge-hi: rgba(255, 255, 255, 0.06);

  --ink: #dbe1e8;
  --ink-dim: #98a3b1;
  --engrave: #f0f4f8;
  --engrave-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);

  --accent: #5cb6a1;
  --on-accent: #0b0e12;
  --readout: #ffb454;
  --readout-glow: rgba(255, 180, 84, 0.35);
  --focus: #ffb454;

  --good: #7fd1a8;
  --warn: #e8b04b;
  --bad: #ef7367;

  --lamp-off: #262e37;
  --lamp-on: #5cb6a1;
  --lamp-busy: #ffb454;
  --screw: #2b333d;
  --screw-slot: #0a0d10;

  --panel-grain: repeating-linear-gradient(
    92deg,
    rgba(255, 255, 255, 0.014) 0px,
    rgba(255, 255, 255, 0.014) 1px,
    transparent 1px,
    transparent 3px
  );
}

/* --- Daylight: shop light on painted steel */
html[data-theme="daylight"] {
  --bg: #dfe3e2;
  --panel: #f1f3f2;
  --rail: #e7eae9;
  --well: #ffffff;
  --key: #e2e6e5;
  --key-hi: #d5dad9;
  --edge: #b3bbba;
  --edge-hi: rgba(255, 255, 255, 0.8);

  --ink: #1b2126;
  --ink-dim: #5a6570;
  --engrave: #10161a;
  --engrave-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

  --accent: #16705f;
  --on-accent: #ffffff;
  --readout: #7a4a00;
  --readout-glow: rgba(0, 0, 0, 0);
  --focus: #16705f;

  --good: #1c6b45;
  --warn: #8a5a00;
  --bad: #a52b1e;

  --lamp-off: #c3cac9;
  --lamp-on: #16705f;
  --lamp-busy: #8a5a00;
  --screw: #c3cac9;
  --screw-slot: #8e9796;

  --panel-grain: repeating-linear-gradient(
    92deg,
    rgba(0, 0, 0, 0.012) 0px,
    rgba(0, 0, 0, 0.012) 1px,
    transparent 1px,
    transparent 3px
  );
}

/* --- High contrast */
html[data-theme="contrast"] {
  --bg: #000000;
  --panel: #000000;
  --rail: #000000;
  --well: #000000;
  --key: #16181a;
  --key-hi: #26292c;
  --edge: #ffffff;
  --edge-hi: transparent;

  --ink: #ffffff;
  --ink-dim: #e6e6e6;
  --engrave: #ffffff;
  --engrave-shadow: none;

  --accent: #ffe000;
  --on-accent: #000000;
  --readout: #ffe000;
  --readout-glow: rgba(0, 0, 0, 0);
  --focus: #ffffff;

  --good: #4dff9d;
  --warn: #ffe000;
  --bad: #ff6b6b;

  --lamp-off: #333333;
  --lamp-on: #4dff9d;
  --lamp-busy: #ffe000;
  --screw: #333333;
  --screw-slot: #000000;

  --panel-grain: none;
}