/* themes/tenantiq/theme.css: the TenantIQ theme. Part of hiq-design, branch v2.
 *
 * A cousin of HUBIQ, not a copy. The kit, the grid, the rail, the type scale and the
 * motion are shared; what is set here is what makes tenant-iq.com look like itself: a
 * white ground warming into stone, charcoal ink, a deep umber chapter, and TENANTIQ's
 * leased gold. Laws, ratios and the reasoning behind each value are in THEME.md, beside
 * this file. Written 23 October 2026 from the direction in tenantiq-web/TIQ-design-direction.
 *
 * EDIT IT HERE ONLY, then sync. Keep every name: the kit reads the names, the theme owns
 * the values. The build fails if a name is missing or a ground and its text fall below
 * contrast (KIT.md, section 0).
 */
:root{
  /* ---- brand values, as supplied. Never referenced by a component. ---- */
  --gold:#FFBB00;       /* TENANTIQ's lease (hiq-core-design.md, palette and leases) */
  --gold-2:#EEA61C;     /* the brand's second gold */
  --charcoal:#34373D;   /* brand charcoal: ink, and the dark ground */
  --umber:#5B564D;      /* brand umber: the hue of the stone grounds and the label */

  /* ---- ground and text, dark ---- */
  --ink:#34373D;                       /* = charcoal. Headings on light, ink on gold */
  --panel:#3D4047;                     /* raised surfaces on charcoal: drawer, dropdown */
  --paper:#FAF8F4;                     /* warm white: text on the dark grounds */
  --muted:#BDB7AC;                     /* running text on the dark grounds */
  --muted2:#B2ACA0;                    /* labels on the dark grounds, panel included */
  --line:rgba(250,248,244,.08);
  --line2:rgba(250,248,244,.16);

  /* ---- the accent ---- */
  --house:var(--gold);
  --house-2:var(--gold-2);

  /* ---- grounds. Light ones warm towards the umber, as HUBIQ's lean blue to its ink. ---- */
  --ground-paper:#FFFFFF;              /* white, as the brief asks: the default */
  --ground-mist:#F5F3EF;               /* stone, the second light chapter */
  --ground-grey:#EAE6DF;               /* deeper stone, column bands */
  --ground-grey-deep:#D8D2C8;          /* the darkest light ground: the closing call */
  --ground-ink:#34373D;                /* charcoal, the drama chapter */
  --ground-panel:#3D4047;
  --ground-forest:#433E37;             /* deep umber: the warm chapter (the forest role) */

  /* ---- text on the light grounds, chosen on grey-deep so they pass on all four ---- */
  --ink-body:#44474D;
  --ink-label:#524D45;                 /* umber, one step deeper so it also holds on gold */
  --lead-start:#8A847A;

  /* ---- hairlines ---- */
  --rule-light:color-mix(in srgb, var(--ink) 16%, transparent);
  --rule-dark:rgba(250,248,244,.12);

  /* ---- type families, by role. Inter Tight for everything, display included (Gideon,
   *      23 October 2026): HUBIQ's display word is Poppins, so one face throughout is
   *      itself a difference. Space Mono stays as the mono, a deliberate resemblance. ---- */
  --f-head:var(--font-grot);
  --f-text:var(--font-grot);
  --f-display:var(--font-grot);
  --f-mono:var(--font-mono);
}
