/* Tim's Pro Reach & Wash — design tokens
   Pulled from the brand flyer (navy + bright blue + clean white). */

:root {
  /* Brand */
  --navy-900: #0B2A5B;
  --navy-800: #0E335F;
  --navy-700: #14407E;
  --navy-600: #1B5197;
  --blue-500: #2E86E0;
  --blue-400: #4FA0EF;
  --blue-300: #7BB8F3;
  --blue-100: #E7F1FB;
  --blue-50:  #F3F8FE;

  /* Neutrals */
  --ink-900:  #0E1726;
  --ink-700:  #2C3548;
  --ink-500:  #5B6577;
  --ink-300:  #97A0B2;
  --ink-200:  #C7CDD9;
  --line:     #E4E8EF;
  --paper:    #FFFFFF;
  --bg:       #F5F7FA;
  --bg-alt:   #EEF2F7;

  /* Status */
  --success:    #1FAA59;
  --success-bg: #E4F7EC;
  --warn:       #E6A23C;
  --warn-bg:    #FCF1E0;
  --danger:     #E74C3C;
  --danger-bg:  #FCE6E3;

  /* Geometry */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 1px 3px rgba(11, 42, 91, 0.06), 0 1px 2px rgba(11, 42, 91, 0.04);
  --shadow:    0 6px 20px rgba(11, 42, 91, 0.08);
  --shadow-lg: 0 12px 40px rgba(11, 42, 91, 0.16);

  /* Type */
  --font: "Montserrat", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;

  /* Layout */
  --header-h: 56px;
  --tabs-h:   64px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:  env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  /* Touch */
  --tap-min: 44px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 120ms;
  --dur:      200ms;
}

/* Dark-mode aware text selection in brand blue */
::selection {
  background: var(--blue-100);
  color: var(--navy-900);
}