/* ================================================================
   HomeSync brand — the ONE file to edit when your logo and colors arrive.
   Change the values below; every screen (office app, tech app,
   booking page) picks them up.
   ================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap");

:root{
  /* Brand colors */
  --brand:        #0E0F10;   /* main brand color: sidebar, booking header (HomeSync black) */
  --brand-ink:    #FFFFFF;   /* text on top of --brand */
  --accent:       #C8202F;   /* buttons, links, highlights (HomeSync red, from the dry log forms) */
  --accent-ink:   #FFFFFF;   /* text on top of --accent */
  --accent-soft:  #FBE3E5;   /* light tint of the accent for selected states */

  /* Neutrals */
  --bg:      #F2F4F5;
  --surface: #FFFFFF;
  --sunk:    #F7F8F9;
  --ink:     #15191C;
  --muted:   #5E676D;
  --line:    #DADFE2;

  /* Status colors (keep these readable; they are not brand colors) */
  --ok:#1C7A45;  --ok-soft:#DDF1E4;
  --warn:#946A0A; --warn-soft:#F7EDD2;
  --bad:#B42318; --bad-soft:#F9E0DD;
  --info:#1F5FAE; --info-soft:#E3ECF8;

  /* Typefaces (industrial): blocky condensed headings, road-sign style labels and buttons, plain body text */
  --f-display: "Oswald", "Arial Narrow", Impact, sans-serif;
  --f-label:   "Barlow Condensed", "Arial Narrow", "Segoe UI", sans-serif;
  --f-body:    "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono:    ui-monospace, "Cascadia Mono", Consolas, monospace;

  --radius: 8px;
}

/* Dark mode follows the phone/computer setting. */
@media (prefers-color-scheme: dark){
  :root{
    --brand:#0B0D0E; --brand-ink:#F2F4F5;
    --accent:#EF5A64; --accent-ink:#1E0507; --accent-soft:#3A1519;
    --bg:#0F1214; --surface:#171B1E; --sunk:#13171A; --ink:#E7EBED; --muted:#98A3A9; --line:#283035;
    --ok:#4CC17E; --ok-soft:#163323; --warn:#E2B44E; --warn-soft:#352A12; --bad:#F27166; --bad-soft:#3C1A17; --info:#6FA4EA; --info-soft:#16263C;
    color-scheme: dark;
  }
}

/* Logo pair (HSLogo in api.js): color logo in light mode, white-and-red logo in dark mode, color logo on paper. */
@media not (prefers-color-scheme: dark){ .lg-d{display:none!important} }
@media (prefers-color-scheme: dark){ .lg-l{display:none!important} }
@media print{ .lg-d{display:none!important} .lg-l{display:revert!important} }