/* Hotel Praha — Color tokens
 * Earthy mountain palette: deep forest green, rich timber brown,
 * warm sand backgrounds, and a copper accent for premium highlights.
 */
:root {
  /* ---- Forest green (primary brand) ---- */
  --forest-900: #16280f;
  --forest-800: #1f3817;
  --forest-700: #2d4a22; /* base brand green */
  --forest-600: #395c2c;
  --forest-500: #4a7138;
  --forest-300: #87a06f;
  --forest-200: #bccaad;
  --forest-100: #dde4d3;
  --forest-50:  #eef2e8;

  /* ---- Timber brown (secondary) ---- */
  --timber-900: #2a1f17;
  --timber-800: #3a2c20;
  --timber-700: #4a3728; /* base timber */
  --timber-600: #5e4936;
  --timber-500: #7a624c;
  --timber-300: #ab9580;
  --timber-200: #d2c4b3;
  --timber-100: #e9e0d4;

  /* ---- Sand / neutral surfaces ---- */
  --sand-50:  #faf9f5;
  --sand-100: #f7f5f0; /* page background */
  --sand-200: #efeade;
  --sand-300: #e3dccd;
  --sand-400: #d2c8b5;
  --white: #ffffff;

  /* ---- Ink / text ---- */
  --ink-900: #1f1d19;
  --ink-700: #38342d;
  --ink-600: #5b554a;
  --ink-500: #6a6357;
  --ink-400: #8c8576;
  --ink-300: #aba596;

  /* ---- Copper accent (warm premium highlight) ---- */
  --copper-700: #9a5f2c;
  --copper-500: #bd7d3a;
  --copper-300: #d9a766;
  --copper-100: #f0dcc1;

  /* ---- Semantic ---- */
  --success: #4a7138;
  --warning: #bd7d3a;
  --danger:  #a23b2b;
  --info:    #3f6075;

  /* ---- Semantic aliases ---- */
  --surface-page:    var(--sand-100);
  --surface-card:    var(--white);
  --surface-raised:  var(--sand-50);
  --surface-inverse: var(--forest-800);
  --surface-muted:   var(--sand-200);

  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-400);
  --text-on-dark:  var(--sand-50);
  --text-on-dark-muted: var(--forest-200);

  --brand-primary:   var(--forest-700);
  --brand-primary-hover: var(--forest-800);
  --brand-secondary: var(--timber-700);
  --accent:          var(--copper-500);
  --accent-hover:    var(--copper-700);

  --border-soft:   var(--sand-300);
  --border-strong: var(--timber-200);
  --border-focus:  var(--forest-500);
}