/* Design tokens shared by the owner and renter sites. Light is the default; dark is an opt-in theme. */
/* One self-hosted variable font (latin subset). No third-party font requests. */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../assets/fonts/figtree-latin.woff2') format('woff2'); }

:root {
  color-scheme: light;
  /* Atmosphere behind everything, and the solid surfaces that sit on it. */
  --bg: #eef1f5;
  --glow-a: #cfe0f5;
  --glow-b: #f6e7cf;
  --surface: #ffffff;
  --surface-2: #f5f7fa;
  --surface-3: #eaeef3;
  --sheet-line: transparent;
  /* Ink. --ink-3 is the floor for body-size text; --ink-4 is for large or decorative text only. */
  --ink: #15202b;
  --ink-2: #3f4a57;
  --ink-3: #5b6573;
  --ink-4: #78818e;
  --line: rgba(21, 32, 43, .08);
  --line-2: rgba(21, 32, 43, .14);
  /* One accent: the active mark, the primary action, and key figures. */
  --accent: #b8741a;
  --accent-ink: #8e5713;
  --accent-fill: #9f6210;
  --accent-text: #ffffff;
  --accent-soft: #fbf1dd;
  --accent-line: #ecd1a3;
  /* Semantic status colors, never decorative. */
  --green: #1f7a4d; --green-soft: #e3f3ea; --green-line: #bfe1cd;
  --red: #b3261e; --red-soft: #fbe9e7; --red-line: #f0c3bf;
  --blue: #2458c5; --blue-soft: #e7eefb; --blue-line: #c3d3f3;
  --focus: #2458c5;
  /* Glass: the navigation and control plane only. */
  --glass: rgba(255, 255, 255, .66);
  --glass-line: rgba(255, 255, 255, .75);
  --glass-highlight: rgba(255, 255, 255, .85);
  /* Elevation: sheet (content), float (glass plane, lifted tiles), pop (dialogs). */
  --shadow-ctl: 0 1px 2px rgba(21, 32, 43, .05);
  --shadow-sheet: 0 1px 2px rgba(21, 32, 43, .04), 0 12px 32px -20px rgba(21, 32, 43, .16);
  --shadow-float: 0 1px 2px rgba(21, 32, 43, .05), 0 18px 48px -24px rgba(21, 32, 43, .28);
  --shadow-pop: 0 24px 64px -24px rgba(21, 32, 43, .35);
  --overlay: rgba(21, 32, 43, .4);
  --photo-scrim: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .62) 100%);

  --sans: 'Figtree', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;

  /* Type scale. Informational text never drops below --text-sm; --text-xs is for uppercase eyebrows, table heads, and status pills. */
  --text-xs: 13px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 21px;
  --text-2xl: 26px;
  --text-3xl: 30px;
  --text-4xl: 38px;
  --text-5xl: 48px;

  /* Radii are concentric: an inner corner is the outer corner minus the padding between them. */
  --r-ctl: 12px;
  --r-pill: 999px;
  --r-tile: 18px;
  --r-sheet: 20px;
  --r-glass: 24px;

  --sidebar-w: 272px;
  /* Touch targets: every main control is at least --tap tall; primary actions and summary rows reach --tap-lg on phones. */
  --tap: 44px;
  --tap-lg: 48px;
  --rail-w: 72px;
  --inset: 12px;
  --topbar-h: 56px;
  --content-max: 1120px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1016;
  --glow-a: #16263c;
  --glow-b: #33261a;
  --surface: #151b23;
  --surface-2: #1b222c;
  --surface-3: #222b36;
  --sheet-line: rgba(255, 255, 255, .06);
  --ink: #eef1f5;
  --ink-2: #c3cad3;
  --ink-3: #9aa3ae;
  --ink-4: #717b87;
  --line: rgba(255, 255, 255, .07);
  --line-2: rgba(255, 255, 255, .12);
  --accent: #e0a85a;
  --accent-ink: #f0c27a;
  --accent-fill: #e8b05f;
  --accent-text: #1a1407;
  --accent-soft: #2a2114;
  --accent-line: #4d3a1b;
  --green: #5cc088; --green-soft: #13241b; --green-line: #1f4a31;
  --red: #ef8077; --red-soft: #2c1715; --red-line: #5a2520;
  --blue: #7ea6f2; --blue-soft: #151d2d; --blue-line: #273a66;
  --focus: #7ea6f2;
  --glass: rgba(21, 27, 35, .62);
  --glass-line: rgba(255, 255, 255, .10);
  --glass-highlight: rgba(255, 255, 255, .08);
  --shadow-ctl: 0 1px 2px rgba(0, 0, 0, .35);
  --shadow-sheet: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -20px rgba(0, 0, 0, .45);
  --shadow-float: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 48px -24px rgba(0, 0, 0, .55);
  --shadow-pop: 0 24px 64px -24px rgba(0, 0, 0, .65);
  --overlay: rgba(0, 0, 0, .55);
}