/*
 * Bhojanbook theme
 * Change these variables to restyle the public site.
 * Public brand colors: navy primary and blue secondary.
 */
:root {
  --bb-primary: #172A46;
  --bb-secondary: #2F80ED;
  --bb-navy: var(--bb-primary);
  --bb-navy-deep: #102037;
  --bb-magenta: var(--bb-secondary);
  --bb-orange: #fc8400;
  --bb-gold: #ffc107;
  --bb-ink: #172A46;
  --bb-muted: #64748B;
  --bb-line: #E2E8F0;
  --bb-paper: #F4F7FB;
  --bb-card: #ffffff;
  --bb-soft: #EAF2FD;
  --bb-on-accent: #ffffff;
  --bb-header-bg: #ffffff;
  --bb-header-text: var(--bb-navy);
  --bb-header-muted: #CBD5E1;
  --bb-gradient: linear-gradient(100deg, var(--bb-primary) 0%, var(--bb-secondary) 100%);
  --bb-shadow: 0 18px 40px rgba(23, 42, 70, 0.08);
  --bb-radius: 14px;
  --bb-font: Inter, "Segoe UI", system-ui, sans-serif;
  --bb-header-height: 84px;
  --bb-logo-height: 108px;
  --bb-wrap: 1120px;

  /* Names used by the public header and landing page.
     Change the --bb-* values above to restyle everything. */
  --primary-color: var(--bb-secondary);
  --primary-hover: #256CCB;
  --text-dark: var(--bb-ink);
  --text-muted: var(--bb-muted);
  --bg-light: var(--bb-card);
  --bg-gray: var(--bb-paper);
  --border-color: var(--bb-line);
  --shadow-sm: 0 1px 3px rgba(23, 42, 70, 0.12);
  --shadow-lg: 0 16px 40px rgba(23, 42, 70, 0.16);
  --transition-smooth: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --font-family: var(--bb-font);
  --header-height: var(--bb-header-height);
  --ink: var(--bb-ink);
  --muted: var(--bb-muted);
  --line: var(--bb-line);
  --paper: var(--bb-paper);
  --card: var(--bb-card);
  --accent: var(--bb-secondary);
  --accent-dark: #256CCB;
  --soft: var(--bb-soft);
}