/* Rank Hotelier design tokens — mirrored from the design system's tokens/*.css */
/* Color tokens — Rank Hotelier */
:root {
  /* — Brand — */
  --rh-navy:        #183459; /* ink · primary brand surface */
  --rh-tangerine:   #E35F3E; /* accent · action */
  --rh-arena:       #DCD1BE; /* warm neutral */
  --rh-offwhite:    #F0EBE5; /* sunken surface */
  --rh-gris:        #46484F; /* ink · secondary */

  /* — Semantic roles — */
  --rh-canvas:      #F4F1EB; /* app background */
  --rh-surface:     #FFFFFF; /* cards, panels */
  --rh-surface-sunk:#F0EBE5; /* inset fields, wells */
  --rh-border:      #E4DDD0; /* hairlines, dividers */
  --rh-ink:         #183459; /* primary text */
  --rh-ink-muted:   #6F6A62; /* secondary text */
  --rh-ink-faint:   #9A958C; /* tertiary / metadata */
  --rh-accent:      #E35F3E; /* interactive accent */
  --rh-accent-hover:#CF4F30;
  --rh-accent-active:#B8431F;
  --rh-accent-fill: #D5431F; /* button fill behind white text: --rh-accent's hue, darkened to 4.5:1 (WCAG AA); --rh-accent is 3.5:1 */
  --rh-accent-fill-hover: #C94A2B; /* 4.7:1 */
  --rh-on-navy:     #F0EBE5; /* text on navy */
  --rh-on-navy-muted:#9FB0C4;

  /* — Functional / status — */
  --rh-success:     #1F8A5B;
  --rh-warning:     #D9912B;
  --rh-danger:      #C0453B;
  --rh-info:        #2A6FB0;
}
/* Typography tokens — Rank Hotelier */
:root {
  /* — Families — */
  --rh-font-display: "Raleway", system-ui, sans-serif;   /* display + body */
  --rh-font-body:    "Raleway", system-ui, sans-serif;
  --rh-font-num:     "Space Grotesk", system-ui, sans-serif; /* numerals, prices, data */
  --rh-font-mono:    "Space Mono", ui-monospace, monospace;  /* labels, metadata */

  /* — Weights — */
  --rh-w-regular:  400; /* @kind font */
  --rh-w-medium:   500; /* @kind font */
  --rh-w-semibold: 600; /* @kind font */
  --rh-w-bold:     700; /* @kind font */
  --rh-w-black:    800; /* @kind font */

  /* — Type scale (size / line-height) — */
  --rh-text-display: 56px; --rh-lh-display: 1.0; /* @kind font */
  --rh-text-h1:      40px; --rh-lh-h1:      1.1; /* @kind font */
  --rh-text-h2:      30px; --rh-lh-h2:      1.15; /* @kind font */
  --rh-text-h3:      22px; --rh-lh-h3:      1.25; /* @kind font */
  --rh-text-body:    16px; --rh-lh-body:    1.6; /* @kind font */
  --rh-text-small:   14px; --rh-lh-small:   1.5; /* @kind font */
  --rh-text-label:   12px; /* mono, letter-spacing 2px, uppercase */

  /* — Tracking — */
  --rh-track-display: -1.5px; /* @kind font */
  --rh-track-tight:   -0.6px; /* @kind font */
  --rh-track-label:   2px;   /* mono labels */
  --rh-track-button:  0.8px; /* uppercase buttons */
}

/* Tabular figures helper for numerals/prices */
.rh-num { font-family: var(--rh-font-num); font-feature-settings: "tnum"; }
/* Spacing tokens — Rank Hotelier · 4px base scale */
:root {
  --rh-space-xs:  4px;
  --rh-space-sm:  8px;
  --rh-space-md:  16px;
  --rh-space-lg:  24px;
  --rh-space-xl:  32px;
  --rh-space-2xl: 48px;
  --rh-space-3xl: 64px;
}
/* Radius tokens — Rank Hotelier */
:root {
  --rh-radius-sharp: 2px;   /* graphic bars, sharp chips */
  --rh-radius-base:  6px;   /* small controls, buttons */
  --rh-radius-card:  10px;  /* cards, panels */
  --rh-radius-lg:    14px;  /* modals, feature cards */
  --rh-radius-pill:  999px; /* pills, badges, avatars */
}
/* Elevation tokens — Rank Hotelier */
:root {
  --rh-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);          /* cards */
  --rh-shadow-md: 0 4px 14px rgba(24,52,89,0.12);      /* popovers, dropdowns */
  --rh-shadow-lg: 0 14px 36px rgba(24,52,89,0.18);     /* modals, dialogs */
}
/* Illustration tokens — Rank Hotelier "Performance Skyline" system
   Line-art language: thin navy monoline strokes, one tangerine accent,
   blueprint grid + dimension treatment. Consumed by Skyline / illustrations. */
:root {
  /* — Stroke weights (px @ 1× illustration scale) — */
  --rh-stroke:        2;     /* default building / icon stroke */
  --rh-stroke-fine:   1.25;  /* windows, fine detail, support marks */
  --rh-stroke-bold:   2.75;  /* foreground / hero emphasis */

  /* — Line-art colors — */
  --rh-line:          #183459;            /* primary stroke = navy */
  --rh-line-soft:     rgba(24,52,89,.55); /* receding / background buildings */
  --rh-line-faint:    rgba(24,52,89,.28); /* trees, atmosphere, far layer */
  --rh-line-accent:   #E35F3E;            /* the single tangerine accent */

  /* — Blueprint mode — */
  --rh-blueprint-grid: rgba(24,52,89,.07); /* graph-paper grid */
  --rh-blueprint-dim:  rgba(24,52,89,.40); /* dimension / measure lines */
  --rh-blueprint-tick: rgba(24,52,89,.55); /* dimension end ticks */

  /* — Skyline atmosphere — */
  --rh-sky:           #F4F1EB; /* sky = canvas (no fill by default) */
  --rh-ground:        rgba(24,52,89,.65); /* ground baseline */
}