/* Steelhaus Abu Dhabi brand tokens — master brand guide v2.5 (SPEC 20).
 *
 * Mirrors app/brand.py. A test asserts the two agree, so change both or
 * neither. Nothing here is fetched from a network: the fonts are vendored in
 * app/assets/fonts and the logos in app/assets/brand.
 */

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/barlow-condensed-500.woff2?v=d27a5f4a") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/barlow-condensed-600.woff2?v=d27a5f4a") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/barlow-condensed-700.woff2?v=d27a5f4a") format("woff2");
}

:root {
  /* palette */
  --ink: #050608;
  --raw-iron: #1F2329;
  --steel: #5A6068;
  --bone: #D6D7D9;
  --paper: #F2F2F0;
  --ignition-red: #C8102E;
  --precision-blue: #00A7C4;
  --print-ink: #1A1A1A;

  /* derived, so a shade is never invented at the call site */
  --raw-iron-raised: #262B32;
  --steel-line: rgba(90, 96, 104, 0.45);
  --steel-line-soft: rgba(90, 96, 104, 0.22);
  --ignition-red-hover: #E11235;
  --precision-blue-soft: rgba(0, 167, 196, 0.14);
  --ignition-red-soft: rgba(200, 16, 46, 0.14);

  /* Form fields sit a shade DARKER than the panel they are on, so a field
   * reads as a well you type into rather than as more panel. */
  --field: #14181D;
  --field-disabled: #191E24;

  /* Selected text: a light wash of Precision Blue with the text left dark
   * enough to read. A solid blue block with Bone on top fails contrast. */
  --selection-bg: #9BE3F2;
  --selection-text: #05161A;

  /* Text tints. Measured, not eyeballed (SPEC 20 A).
   *
   * Steel and Ignition Red are a border colour and an accent — as TEXT on a
   * dark ground they measure 2.2-3.5:1, well under the 4.5:1 AA floor. These
   * two are the same hues lifted until they pass on every surface the app
   * puts them on: Ink, Raw Iron, the raised panel and the field well.
   *
   *   --muted-text   5.1:1 on the raised panel, 7.3:1 on Ink
   *   --danger-text  5.3:1 on the raised panel, 7.6:1 on Ink
   *
   * Steel stays exactly as the guide has it for BORDERS, where no contrast
   * floor applies. */
  --muted-text: #949CA5;
  --danger-text: #F0798C;
  --placeholder: #8B939C;

  /* type */
  --display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --body: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* spacing, so padding is consistent rather than ad hoc */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 24px;
  --radius: 6px;

  /* the wordmark is never redrawn in CSS — always the file, never smaller */
  --logo-min-height: 32px;
}