/* ============================================================
   tokens.css - TrasterosGO design tokens
   Single source of truth for brand custom properties.
   Loaded by base.html on every page, before base/page styles.
   ============================================================ */

:root {
  /* Premium --tg-* tokens (premium design handoff design-tokens.css).
     orange = conversion/CTA/price/selection; navy = operative/app action. */
  --tg-navy: #0f294b;
  --tg-navy-deep: #0a1d36;
  --tg-orange: #e59536;
  --tg-orange-ink: #c97616;
  --tg-ink: #0b0b0b;
  --tg-muted: #657386;
  --tg-line: #d8e0e8;
  --tg-surface: #f7f9fb;
  --tg-page: #eef1f4;
  --tg-white: #ffffff;

  /* Warm glow at the top-left of a navy hero: the home and «Para tu centro». */
  --tg-hero-glow: radial-gradient(1100px 480px at 12% -12%, rgba(229, 149, 54, .32), transparent 58%);

  /* Floorplan states: selection is independent of backend availability.
     Same language as the Para tu centro plan: white rooms with a green edge
     and label, light grey unavailable rooms, orange selection with a halo. */
  --tg-plan-available-fill: var(--tg-white);
  --tg-plan-available-stroke: #9acbae;
  --tg-plan-available-text: #1e7a46;
  --tg-plan-available-hover-fill: color-mix(in srgb, var(--tg-orange) 12%, var(--tg-white));
  --tg-plan-match-fill: color-mix(in srgb, var(--tg-orange) 18%, var(--tg-white)); /* size chip */
  --tg-plan-occupied-fill: #cbd2dc;
  --tg-plan-occupied-text: #475569; /* 4.97:1 on the fill, AA for small labels */
  --tg-plan-occupied-stroke: #a8b4c4;
  --tg-plan-occupied-selected-stroke: var(--tg-navy);
  --tg-plan-selected-fill: var(--tg-orange);
  --tg-plan-selected-halo: rgba(229, 149, 54, 0.35);
  --tg-plan-focus-stroke: var(--tg-orange-ink);
  --tg-plan-selected-text: var(--tg-navy-deep);

  /* Floorplan architecture stays visually secondary to selection. */
  --tg-plan-circulation: var(--tg-surface);
  --tg-plan-wall: #52647a; /* slate structure: defines the plan, never the near-black navy */
  --tg-plan-column: var(--tg-plan-wall);
  /* Room edges come from each room's own thin state stroke, as in the
     Para tu centro plan, so the separate partition linework is not drawn. */
  --tg-plan-partition: transparent;
  --tg-plan-door: #c4cdd6;
  --tg-plan-window-fill: var(--tg-surface);
  --tg-plan-window-stroke: color-mix(in srgb, var(--tg-navy) 45%, var(--tg-white));
  --tg-plan-maintenance-fill: var(--tg-page); /* lighter than rented rooms: not a unit */
  --tg-plan-maintenance-text: var(--tg-plan-occupied-text);

  /* Legacy aliases consumed by base.html and existing templates/CSS.
     Values preserved exactly; consumers migrate to --tg-* during F1-F7. */
  --bg: #f7f7f3;
  --surface: #ffffff;
  --surface-alt: #f0f2ee;
  --border: #d9ddd6;
  --text: #1f252b;
  --muted: #626970;
  --primary: var(--tg-navy);
  --primary-strong: var(--tg-navy-deep);
  --accent: var(--tg-orange);
  --accent-strong: var(--tg-orange-ink);
  --danger: #b42318;
  --warning: #92400e;
}