/*
 * Seated theme
 * ------------
 * Every page links this file, and every page's own CSS refers to these
 * variables instead of hardcoded colors. Change a value here and it applies
 * site-wide: the landing page, restaurant dashboard, the customer booking
 * page, and the admin pages.
 *
 * To re-theme the site, edit the values below -- nothing else needs to
 * change. For example, to switch the primary color from Espresso to
 * something else, change --color-primary (and --color-primary-text if you
 * need the header/button text color to change too).
 */

:root {
  /* Primary brand color (Espresso): header bar, buttons, headings, links */
  --color-primary: #3e2b1f;
  --color-primary-text: #ffffff;

  /* Brand accents, from the logo palette. Not used for status colors below
     (success/danger/warning keep their own meaning) -- these are for hero
     sections, badges and anywhere the brand itself should show through. */
  --color-brand-sage: #7e8f74;
  --color-brand-champagne: #efe3ce;

  /* Page chrome */
  --color-bg: #f5f5f5;         /* page background, behind cards */
  --color-surface: #ffffff;    /* card / table / input background */
  --color-border: #dddddd;     /* default border on cards, tables, inputs */
  --color-border-light: #eeeeee;
  --color-border-mid: #cccccc; /* form field borders */
  --color-text-muted: #666666; /* secondary / helper text */

  /* Danger: errors, delete buttons, "occupied" status */
  --color-danger: #c62828;
  --color-danger-text: #b71c1c;
  --color-danger-bg: #fdecea;        /* error message background */
  --color-danger-bg-strong: #ffcdd2; /* occupied-table background */

  /* Success: confirmations, "free" status */
  --color-success: #2e7d32;
  --color-success-text: #1b5e20;
  --color-success-bg: #e8f5e9;

  /* Warning: paused bookings, "reserved" status */
  --color-warning: #ffc107;
  --color-warning-text: #856404;
  --color-warning-bg: #fff3cd;         /* paused-bookings banner */
  --color-warning-bg-strong: #ffe0b2;  /* table reserved right now */
  --color-warning-bg-soft: #fff9c4;    /* table reserved soon */
  --color-warning-border-strong: #ef6c00;
  --color-warning-border-soft: #f9a825;

  /* Table-type accents on the floor plan editor */
  --color-type-outdoor: #e8f5e9;
  --color-type-bar: #fff3e0;
  --color-type-private: #ede7f6;

  /* Floor plan editor */
  --color-floor-bg: #fafafa;
  --color-table-border: #555555;
  --color-selected: #1565c0;
}