/* ============================================================
   Gilbert's Pharmacy — Brand tokens (from Brand & Style Guide)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

:root{
  /* Brand palette */
  --ink:        #404040;  /* Primary Dark  */
  --red:        #E31737;  /* Primary Red   */
  --red-deep:   #B7132E;  /* Secondary Red */
  --blue:       #489CD4;  /* Primary Blue  */
  --blue-deep:  #3B84B4;  /* Secondary Blue*/

  /* Derived neutrals (cool, low-chroma) */
  --paper:      #ffffff;
  --bg-cool:    #f4f7fa;
  --bg-warm:    #faf8f6;
  --line:       #e4e9ef;
  --ink-60:     #6b6f76;
  --ink-40:     #9aa0a8;

  /* Tonal tints */
  --blue-tint:  #eaf3fa;
  --blue-tint2: #d8e9f6;
  --red-tint:   #fdeef0;
  --green:      #2f8f5b;   /* used sparingly for "great" tone */
  --green-tint: #e9f5ee;
  --amber:      #C98A2B;   /* "okay" tone */
  --amber-tint: #fbf3e3;

  --font: 'Jost', 'Tw Cen MT', 'Century Gothic', system-ui, sans-serif;

  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --shadow-sm: 0 2px 8px rgba(64,64,64,.06);
  --shadow-md: 0 10px 30px rgba(64,64,64,.10);
  --shadow-lg: 0 24px 60px rgba(64,64,64,.14);
}

*{ box-sizing: border-box; }