/* Derived from delmar/apps/owner-ui/app/globals.css and
   delmar/docs/owner-design-system.md.
   Refresh manually when the Delmar owner/admin UI design system changes. */

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
  --border: 220 13% 91%;
  --border-light: 220 13% 95%;
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --radius: 0.5rem;

  --delmar-orange: oklch(0.65 0.18 35);
  --delmar-blue: oklch(0.25 0.08 250);
  --delmar-orange-light: oklch(0.72 0.18 35);
  --delmar-orange-dark: oklch(0.58 0.18 35);
  --delmar-blue-light: oklch(0.35 0.08 250);

  --owner-input-bg: #ffffff;
  --owner-input-border: #e4e8ee;
  --owner-input-radius: 8px;
  --owner-input-placeholder: #8a9bad;

  --owner-sidebar: #0f1b2e;
  --owner-sidebar-accent: #1e2e3e;
  --owner-sidebar-border: #22304a;
  --owner-sidebar-text: #b0bdca;
  --owner-sidebar-text-active: #f5f7fa;
  --owner-page-bg: #fffcf9;
  --owner-text-primary: #1a202c;
  --owner-text-secondary: #6a6a6a;
  --owner-text-muted: #656b77;
  --owner-card-border: #efefef;
  --owner-accent-orange: #e75339;
  --owner-accent-blue: #3577e9;
  --owner-emergency-bg: #f4e8e4;
  --owner-support-bg: rgba(55, 105, 233, 0.05);
  --owner-item-orange-bg: rgba(233, 102, 55, 0.1);
  --owner-item-blue-bg: rgba(53, 119, 233, 0.1);
  --owner-teal: #14b8a6;
  --owner-table-header-border: #eaeef3;
  --owner-table-border: #eaeef3;

  --owner-status-awaiting-bg: #fef3c7;
  --owner-status-awaiting-text: #b45309;
  --owner-status-expired-bg: #fdebd3;
  --owner-status-expired-text: #bb4522;
  --owner-status-signed-bg: #dcfce7;
  --owner-status-signed-text: #15803d;
  --owner-status-draft-bg: #f1f5f9;
  --owner-status-draft-text: #475569;
  --owner-status-sent-bg: #dbeafe;
  --owner-status-sent-text: #1d4ed8;
  --owner-status-rejected-bg: #fee2e2;
  --owner-status-rejected-text: #dc2626;
  --owner-status-new-bg: #e0f2fe;
  --owner-status-new-text: #0369a1;
  --owner-status-new-stroke: #bae6fd;
  --owner-status-viewed-bg: #ede9fe;
  --owner-status-viewed-text: #7c3aed;
  --owner-status-changes-requested-bg: #fef3c7;
  --owner-status-changes-requested-text: #b45309;
  --owner-status-owner-commented-bg: #dbeafe;
  --owner-status-owner-commented-text: #1d4ed8;
  --owner-status-approved-bg: #dbeafe;
  --owner-status-approved-text: #1d4ed8;
  --owner-status-published-bg: #dcfce7;
  --owner-status-published-text: #15803d;
  --owner-status-do-not-send-bg: #fee2e2;
  --owner-status-do-not-send-text: #dc2626;
  --owner-status-error-bg: #fee2e2;
  --owner-status-error-text: #dc2626;

  --owner-info-bg: #eef2ff;
  --owner-info-border: #e0e7ff;
  --owner-info-text: #4f46e5;
  --owner-highlight-bg: #eff6ff;
  --owner-highlight-text: #2563eb;
  --owner-secondary-text: #637585;
  --owner-muted-icon: #8a9bad;
  --owner-section-badge-bg: #eef2ff;
  --owner-section-badge-text: #4f46e5;
  --owner-nav-active-bg: #eef2ff;
  --owner-progress-track: #eaeef3;

  --owner-success-bg: #dcfce7;
  --owner-success-text: #166534;
  --owner-success-border: #bbf7d0;
  --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-tag-bg: #f1f5f9;
  --owner-tag-border: #e2e8f0;
  --owner-tag-text: #334155;
  --owner-maintenance-bg: #fef3c7;
  --owner-maintenance-text: #92400e;
  --owner-checkbox-accent: #4f46e5;
  --owner-progress-fill: #4f46e5;
  --owner-row-rejected-bg: #fef2f2;
  --owner-hubspot-text: #3b82f6;

  --owner-pill-selected-border: #3b82f6;
  --owner-pill-selected-bg: #eff6ff;
  --owner-pill-selected-text: #3b82f6;
  --owner-highlight-row-bg: #eff6ff;
  --owner-highlight-row-border: #dbeafe;
  --owner-total-bg: #dbeafe;
  --owner-total-text: #1e3a5f;
  --owner-subheader-text: #475869;

  --font-kepler:
    "kepler-std", "Palatino Linotype", Palatino, Palladio, "URW Palladio L",
    "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter",
    "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow",
    "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L",
    Georgia, serif;
  --font-dm-sans:
    "dm-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  /* Elevation tokens — three surface depths covering everything dashboards
     uses today. Card sits at rest, popover hovers (combobox panel, filter-
     pill panel, drawer), tooltip is the lightest surface. Popover/tooltip
     tints are slightly cool navy so the shadow doesn't read "muddy" over
     the warm-white page background. */
  --owner-shadow-card: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
  --owner-shadow-popover: 0 4px 20px rgba(15, 34, 56, 0.08);
  --owner-shadow-tooltip: 0 4px 12px rgba(0, 0, 0, 0.12);

  /* Subtle interactive-state tints for hover / focus on light surfaces.
     Both layered with the same navy (matches --owner-sidebar) so the
     hover reads like a faint brand wash rather than a neutral gray. */
  --owner-hover-bg-subtle: rgba(15, 27, 46, 0.03);
  --owner-hover-bg: rgba(15, 27, 46, 0.05);

  /* Radius scale — extracted from the values cards and pills use today
     so app-side CSS can reference tokens instead of hardcoding 6 / 12. */
  --owner-radius-card: 12px;
  --owner-radius-pill: 6px;

  /* Font-size scale — the three sizes that show up across multiple apps
     for micro-labels (11), body-meta / captions (13), and body (14).
     Larger heading sizes stay component-scoped (.owner-table-card__title
     is 20 px, page titles are 28+). */
  --owner-font-size-xs: 11px;
  --owner-font-size-sm: 13px;
  --owner-font-size-md: 14px;
}