/* 01-settings/_color-palette.css — RAW PIGMENTS.
   The only file in the system that contains hex literals. Named for the material,
   never for a role. Components never read these; they read _color-semantic.css.

   Three materials. Pine is the one coloured material and appears as an object
   (a button, an underline, the login plank, the end-grain mark), never as a ground.
   Concrete is the light ground: the neutral floor everything stands on.
   Iron is the ink and the dark ground: the machine frame. */
:root {
  /* Pine — planed furu, sapwood (100) to heartwood (800). The one material colour. */
  --pine-100: #F5E6CB;
  --pine-200: #EBCB95;
  --pine-300: #E3B06A;
  --pine-400: #DFA255;
  --pine-500: #D8973F;
  --pine-600: #B6772A;
  --pine-700: #8C5218;
  --pine-800: #6B3E12;

  /* Concrete — the neutral light grounds. Not cream, not beige. */
  --concrete-0:   #FFFFFF;
  --concrete-50:  #F7F7F5;
  --concrete-100: #F2F2F0;
  --concrete-200: #E9E9E6;
  --concrete-300: #DCDCD8;
  --concrete-400: #BDBDB8;

  /* Iron — inks (light theme) and grounds (dark theme). Neutral, no brown. */
  --iron-950: #101112;
  --iron-900: #141516;
  --iron-850: #1C1E1F;
  --iron-800: #242628;
  --iron-700: #303335;
  --iron-600: #4A4E51;
  --iron-500: #616460;
  --iron-400: #8F918B;
  --iron-300: #B3B4AE;
  --iron-100: #ECEBE6;
  --iron-ink: #1A1B1B;
  --iron-ink-muted: #4F5250;

  /* Spruce — done / ok */
  --spruce-300: #8FBF87;
  --spruce-600: #3F6A3F;

  /* Resin — upcoming / soon */
  --resin-300: #E0B15A;
  --resin-500: #C08A2E;
  --resin-600: #8A5A12;

  /* Falu — overdue / acute (Falu rödfärg) */
  --falu-300: #E4857A;
  --falu-600: #9E3A2E;

  /* Scrims */
  --scrim-light: rgb(20 21 22 / 0.5);
  --scrim-dark:  rgb(0 0 0 / 0.65);

  /* Pure */
  --white: #FFFFFF;
  --black: #000000;
}