/* Shared brand palette for every Match web page.
   Mirrors the light colour scheme in lib/theme/app_theme.dart.
   Change a value here once and it applies to all pages that link this file. */
:root {
  /* Surfaces */
  --bg: #FFF8F5;            /* page / scaffold background */
  --card: #FFFFFF;          /* card surface */
  --surface: #FBE9E7;       /* tinted surface (deep orange 50) */
  --card-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
  --divider: #F0DCD5;

  /* Brand */
  --primary: #E64A19;       /* deep orange 700 */
  --primary-dark: #BF360C;  /* deep orange 900 */
  --accent: #FF7043;        /* deep orange 400 */
  --accent-light: #FF8A65;  /* deep orange 200 */
  --primary-gradient: linear-gradient(135deg, #E64A19, #FF7043);

  /* Text */
  --text: #1A1A2E;          /* headings / primary text */
  --text-body: #4B5563;     /* long-form body text */
  --text-muted: #6B7280;    /* captions / secondary text */

  /* Brand tint (info boxes, highlights) */
  --tint-bg: rgba(230, 74, 25, 0.08);
  --tint-border: rgba(230, 74, 25, 0.25);
  --tint-text: #5D4037;

  /* Danger / error */
  --danger: #D32F2F;
  --danger-bg: #FFEBEE;
  --danger-border: #EF9A9A;
  --danger-text: #C62828;

  /* Neutral controls */
  --btn-neutral-bg: #F3F4F6;
  --btn-neutral-text: #374151;
  --google-border: #DADCE0;
}