/* EduVisa brand theme (retrofit). Load LAST on every page, after the page's own styles:
   <link rel="stylesheet" href="/brand-theme.css">
   Re-skins the main site, the student/admin app and the self-study tools by overriding their variables. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --display:'Instrument Serif',Georgia,serif;
  /* main website */
  --primary-blue:#073F6A; --primary-pink:#E31E23; --dark-bg:#073F6A;
  --text-main:#14243B; --text-light:#5F6E85; --light-bg:#F7F9FC;
  --gradient-main:linear-gradient(#E31E23,#E31E23); --gradient-text:#E31E23;
  --btn-radius:999px; --font-family:'Manrope','Segoe UI',Arial,sans-serif;
  /* student/admin app */
  --navy:#073F6A; --navy-dark:#052E4D; --navy-light:#EEF3FA;
  --red:#E31E23; --red-dark:#B5161B; --gold:#B8862A; --gold-dark:#946A1C;
  --bg:#F7F9FC; --card:#fff; --text:#14243B; --muted:#5F6E85; --border:#E3E8F0;
  --radius:14px; --radius-lg:22px; --font:'Manrope','Segoe UI',Arial,sans-serif;
  --shadow:0 1px 2px rgba(7,63,106,.05),0 8px 24px rgba(7,63,106,.06);
  /* self-study tools */
  --ink:#14243B; --ink-soft:#5F6E85; --paper:#F7F9FC; --paper-dark:#EEF3FA;
  --paper-line:#E3E8F0; --paper-card:#fff; --paper-cream:#fff;
  --red-soft:#B5161B; --red-bg:#FDECEC; --brass:#B8862A; --brass-light:#D9B15A;
  --brass-bg:rgba(184,134,42,.10);
}
body{font-family:'Manrope','Segoe UI',Arial,sans-serif;background:#F7F9FC;color:#14243B}
:focus-visible{outline:3px solid #B8862A;outline-offset:2px}

/* headings: one serif voice everywhere */
h1,h2,h3,.section-title,.hero h1,.card h3,.login-card h2,
.brand .mark,.topline h1,.admin-section h2,.admin-section h3{font-family:var(--display);font-weight:400;letter-spacing:-.01em}

/* main website */
.bg-light,.bg-dark{background-color:#EEF3FA}
.footer{background-color:#073F6A}
.hero h1{font-weight:400}
.btn-primary,.btn.primary{box-shadow:none}
.btn-secondary{background:#073F6A;border-color:#073F6A}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(7,63,106,.10)}

/* student/admin app */
#login-screen,#student-landing-screen{background:linear-gradient(135deg,#052E4D 0%,#073F6A 60%,#0B5591 100%)}

/* self-study tools: same sans everywhere, no notebook look */
.btn,.eyebrow,.field-label,.topline .meta,.sidebar-foot,.brand .sub,.q-row .qnum{font-family:'Manrope','Segoe UI',Arial,sans-serif}
.sidebar{background:#073F6A}
.btn{border-radius:999px;text-transform:none;letter-spacing:0;font-size:13px}
.btn.primary{color:#fff}.btn.gold{color:#fff}
.set-card,.notice{border-radius:14px}
body{background-image:none}

/* receipt (on screen, print and PDF-save) */
.receipt-wrapper{background:#fff;border:1px solid #E3E8F0;border-top:5px solid #E31E23;border-radius:14px;padding:28px 30px}
.receipt-header-logo img{height:60px}
.receipt-header-logo .receipt-org{font-family:var(--display);font-weight:400;font-size:24px;color:#073F6A;margin-top:6px}
.receipt-title{background:none;border-radius:0;padding:6px 0;font-size:13px;font-weight:700;letter-spacing:.14em;color:#073F6A;border-top:1px solid #073F6A;border-bottom:1px solid #073F6A}
.receipt-divider{border-top:1px solid #E3E8F0}
.receipt-row{border-bottom:1px solid #EEF3FA}
.receipt-row.highlight{background:#FBF3DF;border-radius:8px;padding:10px 12px;border-bottom:none}
.receipt-row.highlight .rv{color:#073F6A;font-size:18px}
.receipt-stamp{border-top:1px solid #E3E8F0}
@media print{.receipt-wrapper{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:none;border-top:5px solid #E31E23;border-radius:0;padding:10mm}}

/* ai-essay-practice.html uses its own variable names and a lined-paper look; map them to the brand
   (selector list also beats that page's built-in dark mode, so every page stays light) */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{
  --paper:#F7F9FC; --paper-deep:#FFFFFF; --rule:#E3E8F0; --white:#FFFFFF;
  --margin:#E31E23; --margin-soft:#B5161B; --margin-tint:#FDECEC;
  --ink:#14243B; --ink-soft:#5F6E85;
  --green:#1F8A5B; --green-soft:#E5F5EC; --amber:#B8862A; --amber-soft:#FBF3DF;
  --shadow:rgba(7,63,106,.10);
}
body{background-image:none}
.sheet{border:1px solid #E3E8F0;border-top:5px solid #E31E23;border-left:1px solid #E3E8F0;border-radius:14px;padding:40px 36px;box-shadow:0 1px 2px rgba(7,63,106,.05),0 8px 24px rgba(7,63,106,.06)}
.sheet::before{display:none}
.wordmark{font-family:var(--display);font-weight:400;font-size:40px;line-height:1.1;color:#073F6A}
.type-card,.qcard{border-radius:14px}
.type-card:hover{border-color:#073F6A}
.type-badge{border-radius:999px;padding:3px 10px}