/* LifeRoc Capital — Color tokens
   Palette sampled directly from the marketing site: deep alpine navy header,
   royal "trust" blue, a bright kelly-green for CTAs, and clean cool greys. */
:root {
  /* ---- Navy (headers, dark hero gradients) ---- */
  --navy-900: #00162d; /* top notice strip / deepest */
  --navy-800: #002c59;
  --navy-700: #01366a; /* primary navy */
  --navy-600: #013a75;

  /* ---- Blue (primary brand / trust) ---- */
  --blue-800: #004a86;
  --blue-700: #005a9e;
  --blue-600: #0c71c3; /* PRIMARY blue — buttons, links, bands */
  --blue-500: #2e85cc;
  --blue-400: #4f9fda;
  --blue-300: #8cc8f3;
  --blue-100: #e6f1fb; /* tinted surfaces */

  /* ---- Green (accent / conversion) ---- */
  --green-800: #17761a;
  --green-700: #1f8a1a;
  --green-600: #2eb82e; /* brand green (stats, checks) */
  --green-500: #0fcb38; /* bright CTA green */
  --green-100: #e6f7e9;

  /* ---- Neutrals ---- */
  --ink-900: #1c1c1c;
  --charcoal: #343434; /* dark content bands */
  --gray-700: #4a4a4a; /* body text */
  --gray-600: #666666;
  --gray-500: #888888;
  --gray-400: #a5a5a5;
  --gray-300: #cfcfcf;
  --gray-200: #e2e2e2;
  --gray-100: #f0f0f0;
  --gray-50:  #f5f5f5; /* alt section background */
  --white:    #ffffff;

  /* ================= Semantic aliases ================= */
  --brand-primary:  var(--blue-600);
  --brand-navy:     var(--navy-700);
  --brand-accent:   var(--green-500);
  --brand-green:    var(--green-600);

  /* Text */
  --text-heading:  var(--charcoal);
  --text-body:     var(--gray-700);
  --text-muted:    var(--gray-500);
  --text-on-dark:  var(--white);
  --text-on-dark-muted: rgba(255,255,255,.72);
  --text-link:     var(--blue-600);
  --text-link-hover: var(--blue-800);
  --text-accent:   var(--green-600);

  /* Surfaces */
  --surface-page:  var(--white);
  --surface-alt:   var(--gray-50);
  --surface-dark:  var(--charcoal);
  --surface-navy:  var(--navy-700);
  --surface-tint-blue:  var(--blue-100);
  --surface-tint-green: var(--green-100);

  /* Borders */
  --border-subtle:  var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--gray-400);
  --border-accent:  var(--blue-600);

  /* CTA */
  --cta-bg:        var(--green-500);
  --cta-bg-hover:  var(--green-600);
  --cta-fg:        var(--white);
  --cta-alt-bg:       var(--blue-600);
  --cta-alt-bg-hover: var(--blue-700);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(12,113,195,.35);

  /* ---- Gradients ---- */
  --grad-navy:  linear-gradient(135deg, #013a75 0%, #00162d 100%); /* @kind other */
  --grad-hero:  linear-gradient(105deg, rgba(1,54,106,.96) 0%, rgba(1,54,106,.55) 45%, rgba(0,22,45,.15) 100%); /* @kind other */
  --grad-blue:  linear-gradient(135deg, #2e85cc 0%, #0c71c3 100%); /* @kind other */
  --grad-blue-soft: linear-gradient(180deg, #eaf3fb 0%, #cfe4f6 100%); /* @kind other */
  --grad-charcoal:  linear-gradient(180deg, #3d3d3d 0%, #2a2a2a 100%); /* @kind other */
}