/* Oxylabs primitives: the raw palette.
   Hex literals are allowed in this file and in globals.css, nowhere else.

   Light only, by request. The design system ships a dark flip that reassigns
   this ramp (neutral-50 becomes the card surface, neutral-200 the page, the
   -900 text tones inverting to light); restoring dark means bringing that
   block back here rather than patching components. */

:root {
  /* Secondary — Ink Indigo */
  --secondary-900: #130F35;
  --secondary-800: #24204C;
  --secondary-700: #2F2A5A;
  --secondary-600: #3D3672;
  --secondary-500: #4A428A;
  --secondary-400: #59509F;
  --secondary-300: #7971BC;
  --secondary-200: #9F98D7;
  --secondary-150: #D1CCF0;
  --secondary-100: #E5E2F8;
  --secondary-50:  #F7F7FD;
  --secondary-alpha-5:  rgba(19, 15, 53, .05);
  --secondary-alpha-10: rgba(19, 15, 53, .10);
  --secondary-alpha-15: rgba(19, 15, 53, .15);
  --secondary-alpha-20: rgba(19, 15, 53, .20);
  --secondary-alpha-25: rgba(19, 15, 53, .25);
  --secondary-alpha-30: rgba(19, 15, 53, .30);

  /* Neutral — tinted toward Ink Indigo; the surface ramp */
  --neutral-900: #343C5A;
  --neutral-800: #444D6F;
  --neutral-700: #646D90;
  --neutral-600: #9BA3BF;
  --neutral-500: #C9CEDE;
  --neutral-400: #DEE1ED;
  --neutral-300: #EBEDF4;
  --neutral-200: #F5F6FA;
  --neutral-150: #F8F9FC;
  --neutral-100: #FBFCFE;
  --neutral-50:  #FFFFFF;

  /* Primary — Live-Wire Mint */
  --primary-900: #044C52;
  --primary-800: #096C6A;
  --primary-700: #109D8C;
  --primary-600: #19C59F;
  --primary-500: #23E6A8;
  --primary-400: #57F0B0;
  --primary-300: #79F7B6;
  --primary-200: #A6FCC8;
  --primary-150: #D2FDDF;
  --primary-100: #E7FEEE;
  --primary-50:  #F5FFF8;
  --primary-alpha-10: rgba(35, 230, 168, .10);
  --primary-alpha-15: rgba(35, 230, 168, .15);
  --primary-alpha-20: rgba(35, 230, 168, .20);
  --primary-alpha-25: rgba(35, 230, 168, .25);

  /* DC — Focus Cobalt */
  --dc-900: #002175;
  --dc-800: #002F8D;
  --dc-700: #0042AF;
  --dc-600: #0059D1;
  --dc-500: #0074F4;
  --dc-400: #3E9FF8;
  --dc-300: #64BAFB;
  --dc-200: #98D7FD;
  --dc-150: #CBEDFE;
  --dc-100: #E6F6FF;
  --dc-50:  #F5FCFF;
  --dc-alpha-15: rgba(0, 116, 244, .15);
  --dc-alpha-50: rgba(0, 116, 244, .50);

  /* RP — Violet */
  --rp-900: #23027A;
  --rp-500: #7E0EFF;
  --rp-200: #D89EFF;
  --rp-150: #EECEFF;
  --rp-100: #F6E5FF;

  /* Scrapi — Magenta */
  --scrapi-900: #42056F;
  --scrapi-500: #D31DE8;
  --scrapi-200: #FCA4F0;
  --scrapi-150: #FDD1F4;
  --scrapi-100: #FEE7F9;
  --scrapi-aura: var(--scrapi-500);

  /* Alert — Rose */
  --alert-900: #69044C;
  --alert-700: #9E0C57;
  --alert-500: #DC1957;
  --alert-200: #FBA2A4;
  --alert-150: #FDD3D0;
  --alert-100: #FEE8E7;
  --alert-50:  #FFF6F5;
  --alert-alpha-15: rgba(220, 25, 87, .15);
  --alert-alpha-20: rgba(220, 25, 87, .20);

  /* Featured — Amber */
  --featured-900: #7A4B02;
  --featured-700: #B77C07;
  --featured-500: #FFBC0E;
  --featured-200: #FFEC9E;
  --featured-150: #FFF7CE;
  --featured-100: #FFFBE5;

  /* Code is the one always-dark surface, whatever the page theme. */
  --code-bg: #130F35;
  --code-fg: #FFFFFF;
  --primary-ink: #044C52;
}