/* ============================================================
   StudySmarter Talent Intelligence — Brand System
   Source of truth: brand_guidelines/Brand.md
   Palette (the only six, no gradients, no glows):
     Smarter Blue #1300FF · Stone #F6F4F1 · Neon Lime #C6FA02
     Hot-Rod #FF5C41 · White #FCFCFD · Charcoal #232323
   Type: Plus Jakarta Sans (headings) · Inter Tight (body) · DM Mono (eyebrows)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter+Tight:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');

:root{
  /* brand palette */
  --sm-blue:#1300FF;
  --sm-blue-dark:#0F00CC;
  --stone:#F6F4F1;
  --lime:#C6FA02;
  --hotrod:#FF5C41;
  --white:#FCFCFD;
  --charcoal:#232323;
  --charcoal-light:#3a3a3a;

  /* semantic mappings used across the suite */
  --ink:#232323;
  --ink2:#3a3a3a;
  --muted:#6b6b6b;
  --line:#e6e3de;
  --bg:#F6F4F1;        /* Stone — warm default, not pure white */
  --card:#FCFCFD;
  --accent:#C6FA02;
  --radius:14px;

  /* status — keep within brand: Hot-Rod for warnings, Blue/Charcoal for emphasis */
  --ok:#1300FF;
  --warn:#FF5C41;
  --err:#FF5C41;

  --font-head:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'DM Mono','SFMono-Regular',Menlo,monospace;
}

/* ---- base ---- */
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);line-height:1.2;letter-spacing:-0.01em;font-weight:800;}

/* eyebrow / tagline — DM Mono, uppercase, letter-spaced (brand signature) */
.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0.12em;
  font-size:12px;color:var(--sm-blue);font-weight:500;display:inline-flex;align-items:center;gap:8px;}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block;}

/* hand-drawn highlight — marker underline under 1–2 words in a heading */
.hl{position:relative;white-space:nowrap;}
.hl::after{content:"";position:absolute;left:-2px;right:-2px;bottom:0.02em;height:0.42em;z-index:-1;
  background:var(--lime);border-radius:40% 60% 55% 45%/60% 50% 60% 40%;transform:rotate(-1.2deg);}
.hl--blue::after{background:var(--sm-blue);opacity:.18;}
.hl--rod::after{background:var(--hotrod);opacity:.85;}

/* ---- buttons (flat, pill-ish, no glow/gradient) ---- */
.btn-primary{background:var(--sm-blue);color:var(--white);border:none;padding:14px 28px;border-radius:10px;
  font-family:var(--font-head);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s;}
.btn-primary:hover{background:var(--sm-blue-dark);transform:translateY(-1px);}
.btn-primary:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;}
.btn-secondary{background:transparent;color:var(--sm-blue);border:1.5px solid var(--sm-blue);padding:13px 24px;
  border-radius:10px;font-family:var(--font-head);font-weight:700;cursor:pointer;transition:background .15s,color .15s;}
.btn-secondary:hover{background:var(--sm-blue);color:var(--white);}

/* ---- forms ---- */
input,select,textarea{font-family:var(--font-body);border:1px solid var(--line);border-radius:10px;
  background:var(--white);color:var(--ink);}
input::placeholder,textarea::placeholder{color:#9a958e;font-weight:300;}
input:focus,select:focus,textarea:focus{outline:none;border:2px solid var(--sm-blue);}

/* kill non-brand effects globally where the legacy dashboard used them */
*{ }
.company-card.selected{background:var(--white)!important;}
.company-card:hover{box-shadow:0 6px 20px rgba(19,0,255,.10)!important;}