/* ============================================================
   EHTDP / Triptotrip — Design Tokens
   B2B health-tourism distribution platform (static templates)
   Usage: link tokens.css BEFORE app.css / site.css
   ============================================================ */

:root {
  /* Brand — health & wellness teal */
  --brand-900: #0A2E29;
  --brand-800: #0C3B34;
  --brand-700: #0F5449;
  --brand-600: #127B6B;
  --brand-500: #17A58F;
  --brand-400: #3FC0A9;
  --brand-100: #D5F3ED;
  --brand-50:  #EFFAF7;

  /* Ink / neutral text */
  --ink-900: #10201D;
  --ink-800: #1E2F2C;
  --ink-700: #34463F;
  --ink-500: #5C6F68;
  --ink-400: #83938C;
  --ink-300: #A9B7B0;

  /* Surfaces & lines */
  --surface-0: #FFFFFF;
  --surface-1: #F6F8F7;
  --surface-2: #EDF1EF;
  --line: #E1E7E4;
  --line-strong: #C9D3CF;

  /* Semantic */
  --warn-700: #9A5B00;
  --warn-600: #B97907;
  --warn-500: #D99A1B;
  --warn-100: #FCEFCB;
  --warn-50:  #FFF9EA;

  --ok-700: #1B6E3C;
  --ok-500: #2F9E57;
  --ok-100: #DCF1E3;
  --ok-50:  #F0FAF3;

  --bad-700: #B32730;
  --bad-500: #D64550;
  --bad-100: #FADFE1;
  --bad-50:  #FEF2F3;

  --info-700: #2B5FA3;
  --info-500: #3E7BC8;
  --info-100: #DCE9F8;
  --info-50:  #F1F6FC;

  --violet-700: #6D4FA3;
  --violet-100: #EBE2F7;

  /* Shape & depth */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(12, 48, 41, .07);
  --shadow: 0 4px 14px rgba(12, 48, 41, .09);
  --shadow-lg: 0 12px 32px rgba(12, 48, 41, .14);

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, "Noto Sans", "Noto Sans SC", sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: 34px;

  /* Layout */
  --sidebar-w: 248px;
  --topbar-h: 60px;
}