/* ==========================================================================
   HourGlass Appoint — Design tokens
   Hand-reconstructed from the live prototype at
   https://hourglass-appoint.rayvboard.chatgpt.site/
   ========================================================================== */

:root {
  /* Brand */
  --hg-navy-950: #0a1f3d;
  --hg-navy-900: #0d2748;
  --hg-navy-800: #123157;
  --hg-navy-700: #1b3f6b;
  --hg-gold-500: #d9a441;
  --hg-gold-600: #c8922e;

  /* Neutrals */
  --hg-gray-50:  #f7f9fc;
  --hg-gray-100: #eef1f6;
  --hg-gray-200: #e3e8ef;
  --hg-gray-300: #cdd5e0;
  --hg-gray-400: #9aa5b6;
  --hg-gray-500: #707d92;
  --hg-gray-600: #4d5872;
  --hg-gray-700: #333f58;
  --hg-gray-800: #202a40;
  --hg-gray-900: #131b2c;

  /* Status */
  --hg-green-50:  #e9f9f0;
  --hg-green-500: #17a866;
  --hg-green-600: #0f8f56;
  --hg-green-text:#0d7a4a;

  --hg-amber-50:  #fdf3d8;
  --hg-amber-500: #d99a1b;
  --hg-amber-text:#8a6210;

  --hg-red-50:   #fdeceb;
  --hg-red-500:  #de5b4f;
  --hg-red-text: #b6392e;

  --hg-blue-50:  #e8f1fd;
  --hg-blue-400: #6fa8f0;
  --hg-blue-500: #3f7fd8;

  --hg-purple-50: #f2ecfb;
  --hg-purple-400:#b391e8;
  --hg-purple-500:#8b5fd1;

  --hg-teal-50:  #e4faf3;
  --hg-teal-400: #57cfab;
  --hg-teal-500: #2fb98f;

  --hg-orange-50: #fdefdf;
  --hg-orange-400:#f0a94e;
  --hg-orange-500:#e0913c;

  /* Surfaces */
  --hg-bg: #f5f7fb;
  --hg-surface: #ffffff;
  --hg-border: var(--hg-gray-200);

  /* Typography */
  --hg-font: "Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;

  /* Radius */
  --hg-radius-sm: 8px;
  --hg-radius-md: 12px;
  --hg-radius-lg: 16px;
  --hg-radius-pill: 999px;

  /* Shadow */
  --hg-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --hg-shadow-md: 0 4px 16px rgba(16, 24, 40, 0.08);
  --hg-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.14);

  /* Layout */
  --hg-sidebar-w: 244px;
  --hg-header-h: 64px;
}