/**
 * B-P0 design tokens — shared across index and service pages
 */
:root {
  --color-primary: #1a73e8;
  --color-primary-light: #60a5fa;
  --color-accent: #07d96c;
  --color-accent-orange: #fd7e14;
  --color-surface: #ffffff;
  --color-surface-muted: #f8f9fa;
  --color-text: #334155;
  --color-text-strong: #0f172a;
  --color-text-muted: #475569;
  --color-text-subtle: #64748b;
  --color-border: #e2e8f0;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 20px 50px rgba(26, 115, 232, 0.2);
  --radius-lg: 12px;
  --radius-xl: 20px;
  --space-section-y: 4rem;
  --space-section-x: 2rem;
  --container-max: 1400px;

  /* Chat / search dark mode (search.html) — B-P3 */
  --chat-dark-bg-start: #0f172a;
  --chat-dark-bg-end: #1e293b;
  --chat-dark-surface: rgba(55, 62, 74, 0.94);
  --chat-dark-surface-deep: rgba(40, 46, 56, 0.98);
  --chat-dark-text: #f1f5f9;
  --chat-dark-text-strong: #ffffff;
  --chat-dark-text-muted: #e2e8f0;
  --chat-dark-text-subtle: #f8fafc;
  --chat-dark-border: rgba(71, 85, 105, 0.6);
  --chat-dark-accent: #60a5fa;
  --chat-dark-accent-hover: #93c5fd;
  --chat-dark-input-bg: rgba(15, 23, 42, 0.95);
  --chat-dark-shadow: rgba(0, 0, 0, 0.2);
}