/* GoldenPharm — Color System
   Derived directly from the logo: light blue #418AC1, mid blue #1B5C9B, deep navy #123459.
   Direction: clean clinical blues on white. Trustworthy, regulatory, precise. */
:root {
  /* ---- Brand blue scale (anchored to the three logo blues) ---- */
  --gp-blue-50:  #eef5fb;
  --gp-blue-100: #d7e7f4;
  --gp-blue-200: #aacce6;
  --gp-blue-300: #79addb; /* light-blue arrow family */
  --gp-blue-400: #418ac1; /* LOGO — light blue arrow */
  --gp-blue-500: #2a6fb0;
  --gp-blue-600: #1b5c9b; /* LOGO — mid blue arrow / "Golden" */
  --gp-blue-700: #16456f; /* deep brand */
  --gp-navy-800: #123459; /* LOGO — navy arrow / "Pharm" */
  --gp-navy-900: #0c2742; /* deepest — hero & footer bands */

  /* ---- Cool clinical neutrals ---- */
  --gp-ink:       #102a43; /* primary text — deep slate-navy */
  --gp-slate-700: #243b53;
  --gp-slate-600: #334e68;
  --gp-slate-500: #486581; /* secondary text */
  --gp-slate-400: #627d98; /* muted text */
  --gp-slate-300: #9fb3c8; /* placeholder, disabled text */
  --gp-slate-200: #bcccdc; /* strong hairline */
  --gp-slate-150: #d2dde8;
  --gp-slate-100: #dce5ee; /* hairline */
  --gp-slate-50:  #eef3f8; /* quiet divider / fill */
  --gp-white:     #ffffff;

  /* ---- Surfaces ---- */
  --gp-canvas:        #ffffff; /* page + card base */
  --gp-surface:       #f6f9fc; /* subtle section bg */
  --gp-surface-soft:  #eef3f8; /* quieter section */
  --gp-surface-blue:  #eef5fb; /* tinted feature panels */
  --gp-canvas-dark:   #0c2742; /* hero/footer dark band */

  /* ---- Semantic (regulatory states) ---- */
  --gp-success:      #1f8a5b; /* approved / in-stock */
  --gp-success-soft: #e4f3ec;
  --gp-warning:      #b07d12; /* caution — a quiet nod to "Golden" amber */
  --gp-warning-soft: #fbf2da;
  --gp-danger:       #c0392b; /* recall / out-of-stock */
  --gp-danger-soft:  #fbe9e7;
  --gp-info:         #1b5c9b; /* informational — reuses brand */
  --gp-info-soft:    #eef5fb;

  /* ===================== SEMANTIC ALIASES ===================== */
  /* Brand */
  --color-brand:        var(--gp-blue-600);
  --color-brand-strong: var(--gp-navy-800);
  --color-brand-hover:  var(--gp-blue-700);
  --color-brand-press:  var(--gp-navy-800);
  --color-brand-soft:   var(--gp-blue-50);
  --color-brand-accent: var(--gp-blue-400);

  /* Backgrounds & surfaces */
  --color-bg:            var(--gp-canvas);
  --color-surface:       var(--gp-surface);
  --color-surface-soft:  var(--gp-surface-soft);
  --color-surface-blue:  var(--gp-surface-blue);
  --color-surface-dark:  var(--gp-canvas-dark);

  /* Text */
  --text-strong:   var(--gp-ink);
  --text-body:     var(--gp-slate-600);
  --text-muted:    var(--gp-slate-400);
  --text-disabled: var(--gp-slate-300);
  --text-on-brand: var(--gp-white);
  --text-on-dark:  var(--gp-white);
  --text-on-dark-muted: #a9c0d6;
  --text-link:     var(--gp-blue-600);

  /* Borders */
  --border-hairline: var(--gp-slate-100);
  --border-default:  var(--gp-slate-200);
  --border-strong:   var(--gp-slate-300);
  --border-dark:     #1d3a57;
  --border-focus:    var(--gp-blue-500);
}