/* SIT&DRINK — brand system: Open Sans + Light Champagne (60-30-10) */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
  --sd-font: 'Open Sans', 'Arial Hebrew', Arial, Helvetica, sans-serif;
  --sd-font-mono: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', Menlo, Consolas, monospace;

  /* 60% — dominant surface: pure, bright white (never dark) */
  --ink: #ffffff;
  --ink2: #f6f5fa;
  --ink3: #edebf3;
  --lux: #ffffff;
  --lux-surface: #f6f5fa;
  --lux-highlight: #ffffff;
  --lux-deep: #edebf3;
  --lux-line: #e2dfec;

  /* 30% — secondary: text, nav, borders (deep charcoal ink, never colored-dark) */
  --cream: #2b2c3a;
  --cream2: #14151f;
  --muted: #6b6d80;
  --muted2: #9497a8;

  /* 10% — accent: refined antique gold, used only on primary CTAs/highlights */
  --gold: #b8862a;
  --gold2: #d6a94e;
  --gold3: #8f6a1f;
  --gold4: #705118;
  --glow: rgba(184, 134, 42, 0.08);
  --border: rgba(184, 134, 42, 0.24);
  --border2: rgba(20, 21, 31, 0.08);

  /* Light panels (mock phones / paper) */
  --paper: #faf8f4;
  --paper2: #f1ece2;
  --paper3: #e7dfd0;
  --paper-field: #ffffff;
  --line-cream: #e2dac8;

  --green: #1f9d5f;
  --r: 10px;
  --r2: 14px;
  --r3: 20px;

  --lux-shadow: 0 18px 48px rgba(20, 21, 31, 0.12);
  --lux-shadow-soft: 0 10px 28px rgba(20, 21, 31, 0.08);
}

html, body {
  font-family: var(--sd-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Force Open Sans everywhere — including inline styles and legacy theme rules */
*, *::before, *::after {
  font-family: var(--sd-font) !important;
}

/* Keep true monospace only for code blocks */
code, kbd, pre, samp, .code-block, .ftree, .td-phone {
  font-family: var(--sd-font-mono) !important;
}

button, input, select, textarea, a, p, h1, h2, h3, h4, h5, h6, span, li, label, td, th {
  font-family: inherit;
}

/* Mobile-first safety net — applies site-wide regardless of page-local CSS */
*{ -webkit-tap-highlight-color: transparent; }
a, button, [role="button"], input[type="button"], input[type="submit"] { touch-action: manipulation; }
img, svg, video { max-width: 100%; }
:focus-visible { outline: 2px solid var(--gold, #b8862a); outline-offset: 2px; }

@media (max-width: 768px) {
  /* Prevent iOS Safari from auto-zooming the page on input focus */
  input, select, textarea { font-size: 16px !important; }
}

/* Prevent flash of default/old logo before dashboard branding applies */
img[data-site-logo]:not(.sd-logo-ready),
img.hero-logo:not(.sd-logo-ready),
.nav-logo img:not(.sd-logo-ready),
.flogo img:not(.sd-logo-ready),
img.login-logo:not(.sd-logo-ready) {
  opacity: 0 !important;
}
img[data-site-logo].sd-logo-ready,
img.hero-logo.sd-logo-ready,
.nav-logo img.sd-logo-ready,
.flogo img.sd-logo-ready,
img.login-logo.sd-logo-ready {
  opacity: 1 !important;
  transition: opacity .18s ease;
}