/* Design tokens — mirrors the prod owner-ui tokens that the Figma file is bound to
   (Figma variable names kept 1:1 so `var(--owner-…)` in get_design_context output works unchanged). */
:root {
  /* type */
  --font-sans: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Figma resolves var(--font-kepler) to Times New Roman (stand-in for Kepler). Swap here for prod. */
  --font-kepler: 'Times New Roman', Times, serif;
  --text-xs: 12px;  --text-xs--line-height: 16px;
  --text-sm: 14px;  --text-sm--line-height: 20px;
  --text-base: 16px; --text-base--line-height: 24px;
  --text-lg: 18px;  --text-lg--line-height: 28px;
  --text-xl: 20px;  --text-xl--line-height: 28px;
  --text-2xl: 24px; --text-2xl--line-height: 32px;
  --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700;
  --tracking-normal: 0;

  /* brand */
  --delmar-orange: #e75c3a;
  --delmar-orange-dark: #ce4522;
  --delmar-orange-light: #ff7350;
  --delmar-blue: #0f1b2e;

  /* surfaces / text / borders */
  --owner-page-bg: #fffcf9;
  --owner-text-primary: #1a202c;
  --owner-subheader-text: #475869;
  --owner-secondary-text: #637585;
  --owner-text-secondary: #6a6a6a;
  --owner-text-muted: #656b77;
  --owner-muted-icon: #8a9bad;
  --owner-input-bg: #ffffff;
  --owner-input-border: #e4e8ee;
  --owner-input-placeholder: #8a9bad;
  --owner-card-border: #efefef;
  --owner-surface-subtle: #f5f7fa;
  --owner-tint: #f3f5f8;
  --owner-progress-track: #eaeef3;
  --owner-navy-100: #e9edf3;
  --color-white: #ffffff;

  /* sidebar (portal) */
  --owner-sidebar: #0f1b2e;
  --owner-sidebar-accent: #1e2e3e;
  --owner-sidebar-border: #22304a;
  --owner-sidebar-text: #b0bdca;
  --owner-sidebar-text-active: #f5f7fa;
  --owner-teal: #14b8a6;

  /* semantic */
  --owner-accent-orange: #e75339;
  --owner-accent-blue: #3577e9;
  --owner-success-bg: #dcfce7;  --owner-success-text: #166534;  --owner-success-border: #bbf7d0;  --owner-success-icon: #16a34a;
  --owner-error-bg: #fef2f2;    --owner-error-text: #dc2626;    --owner-error-border: #fecaca;
  --owner-warning-bg: #fff7ed;  --owner-warning-border: #fed7aa; --owner-warning-text: #c2410c;     --owner-warning-icon: #ea580c;
  --owner-info-bg: #eef2ff;     --owner-info-border: #e0e7ff;    --owner-info-text: #4f46e5;
  --owner-highlight-bg: #eff6ff; --owner-highlight-text: #2563eb;
  --owner-status-awaiting-bg: #fef3c7; --owner-status-awaiting-text: #b45309;
  --owner-status-signed-bg: #dcfce7;   --owner-status-signed-text: #15803d;
  --owner-dm-sky: #53b4ff; --owner-dm-sky-text: #1c6db2; --owner-dm-sky-border: #cfe8ff;
  --owner-occupancy-booked: #14532d; --owner-occupancy-extra: #22c55e; --owner-occupancy-empty: #d2dae3;

  /* prequal progress (Figma uses literal hex here) */
  --pq-progress-track: #e9e9e9;
  --pq-progress-fill: #07a429;

  /* radii / shadows / spacing */
  --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; --radius-2xl: 16px;
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --spacing: 4px; /* tailwind: calc(var(--spacing) * n) */
}