/* Extendeal Pharma — Color tokens
   Source: Figma "Color / Colors documentation" page (curated palette).
   Base ramps + semantic aliases. */

:root {
  /* ----- Primary (blue) — the product UI accent ----- */
  --primary-800: #0056B0;
  --primary-700: #0062C8;
  --primary-600: #0171E6; /* main brand blue */
  --primary-500: #51A6FE;
  --primary-50:  #97CAFF;
  --primary-25:  #DCEDFF;
  --primary-10:  #EBF5FF;

  /* ----- Secondary (navy) — surfaces, sidenav, headings on light ----- */
  --secondary-800: #0B2033;
  --secondary-700: #1E334A;
  --secondary-600: #2C4560;
  --secondary-100: #BED0E5;
  --secondary-50:  #E3ECFF;
  --secondary-25:  #F0F5FF;

  /* ----- Discount (orange) — brand isotype + promo / savings ----- */
  --discount-800: #FF6300;
  --discount-600: #F16522; /* logo isotype orange (rgb 241,101,34) */
  --discount-25:  #FFECE0;

  /* ----- Success (green) ----- */
  --success-800: #146D3B;
  --success-600: #07AD4B;
  --success-100: #DDF6E2;
  --success-50:  #EBF9F3;

  /* ----- Warning (yellow) ----- */
  --warning-800: #FFC700;
  --warning-100: #FFEA9F;
  --warning-50:  #FFF9E6;

  /* ----- Error (red) ----- */
  --error-800: #C62828;
  --error-600: #E22E2E;
  --error-100: #F8CBCB;
  --error-50:  #FFEBEB;

  /* ----- Information (blue) ----- */
  --info-800: #1A66FC;
  --info-100: #C6D9FE;
  --info-50:  #F2F7FF;

  /* ----- Neutral ramp ----- */
  --white:       #FFFFFF;
  --neutral-900: #0B2033;
  --neutral-800: #40435B; /* primary text */
  --neutral-700: #6B6F93; /* secondary text */
  --neutral-500: #ACAEC4; /* placeholder / disabled */
  --neutral-400: #C9CAD6;
  --neutral-200: #E0E1E9; /* borders, dividers */
  --neutral-100: #E8E8E8;
  --neutral-50:  #F5F6FA; /* subtle fills */

  /* ----- Gradient ----- */
  --gradient-brand: linear-gradient(180deg, #0F7FF4 0%, #1759DF 100%); /* @kind color */

  /* =================  Semantic aliases  ================= */
  --text-primary:    var(--neutral-800);
  --text-secondary:  var(--neutral-700);
  --text-disabled:   var(--neutral-500);
  --text-on-dark:    var(--white);
  --text-link:       var(--primary-600);
  --text-heading:    var(--secondary-800);

  --surface-page:    #F3F6FE;
  --surface-card:    var(--white);
  --surface-subtle:  var(--neutral-50);
  --surface-sidenav: var(--secondary-800);
  --surface-info:    var(--info-50);
  --surface-success: var(--success-50);
  --surface-warning: var(--warning-50);
  --surface-error:   var(--error-50);

  --border-default:  var(--neutral-200);
  --border-strong:   var(--neutral-500);
  --border-focus:    var(--primary-600);

  --accent:          var(--discount-800);

  --action-primary:        var(--primary-600);
  --action-primary-hover:  var(--primary-700);
  --action-primary-active: var(--primary-800);
}