/*
  Design tokens for the manuscript platform.
  Every value below was measured on 1 October 2026 from the saved homepage
  (https://researchramp.com/, saved as "Webpage, Complete") using the
  browser's computed styles. Nothing here is invented. If the website
  changes, re-measure and update this file only; every screen reads from it.

  The website has no dark mode, so the platform is light only for now.
*/

@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;900&family=Exo:wght@600;700&display=swap");

:root {
  /* Fonts (site: style.css loads Archivo and Exo from Google Fonts) */
  --font-body: "Archivo", sans-serif;      /* body, menu, buttons, forms */
  --font-heading: "Exo", sans-serif;       /* h1, h2, section and footer titles */

  /* Colours */
  --navy: #081245;          /* rgb(8,18,69): section headings, menu links, footer bar, "Free Consultation" button */
  --blue: #001376;          /* rgb(0,19,118): main buttons ("Get My Free Publication Roadmap", "Talk To Expert") */
  --navy-deep: #00082e;     /* rgb(0,8,46): darkest section background */
  --hero-overlay: rgba(1, 12, 52, 0.9); /* dark overlay on the homepage banner */
  --hero-tint: rgba(255, 0, 207, 0.1);  /* faint pink layer on top of the overlay; gives the banner its purple */
  --hero-tint-angle: -25deg;            /* the pink layer is tilted, which makes the diagonal purple/navy split (live site rule, 1 Oct 2026) */
  --btn-sheen: rgba(255, 255, 255, 0.1);/* tilted light band across blue buttons */
  --btn-sheen-angle: 16deg;
  --navy-gradient: linear-gradient(45deg, #000b46 0%, #001166 100%); /* side menu panel */
  --accent-gradient: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); /* second button, back-to-top */
  --gold: #ffc400;          /* rgb(255,196,0): copyright line in the footer bar */

  --text: #363636;          /* rgb(54,54,54): body text */
  --text-muted: #555555;    /* rgb(85,85,85): paragraph text in sections */
  --text-dark: #222222;     /* rgb(34,34,34): dropdown menu links */
  --white: #ffffff;
  --surface-light: #f8f9fa; /* rgb(248,249,250): light panels */
  --surface-blue: #e7f1ff;  /* rgb(231,241,255): light blue panels */
  --surface-grey: #f5f5f5;  /* rgb(245,245,245) */
  --success: #16a34a;       /* rgb(22,163,74): green ticks on the site */
  --danger: #d23a3a;        /* rgb(210,58,58): red text on the site; used for scores under target */

  /* Type sizes (desktop values from the site) */
  --body-size: 16px;
  --body-line: 28px;
  --para-line: 30px;
  --h1-size: 50px;   --h1-line: 60px;   --h1-weight: 600;
  --h2-size: 28px;   --h2-line: 48px;   --h2-weight: 700;
  --footer-title-size: 24px;

  /* Header */
  --header-height: 80px;
  --header-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);  /* sticky header */
  --menu-weight: 600;
  --dropdown-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);

  /* Buttons: square corners, as on the site */
  --btn-radius: 0;
  --btn-padding: 10px 30px;
  --btn-weight: 600;
  --btn-line: 30px;
}