/* Aiperso: violet and ink-indigo with lime highlights, after the brand's slides.
   Tokens of the design system (frontend/src/styles/tokens.css) under selectors that outrank
   its own whatever order the files load in: html:root, html[data-theme=…], html .class. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800;900&display=swap');

html:root {
  --lp-violet: #6B35D9;
  --lp-ink: #2A1162;
  --lp-lime: #C8F43C;
  --lp-lavender: #F5F1FE;
  --lp-orange: #FF7A1A;
  --lp-coral: #FF5F57;
  --lp-teal: #2EC4B6;
  --lp-green: #7CB518;
  --lp-yellow: #F5B800;
  /* The "AI" of "AIperso": the orange of the crown, readable on white at the logo's size */
  --brand-accent: #F06A0C;
}

html[data-theme="light"] {
  --bg0: #f7f4ff;
  --bg-grad: radial-gradient(1100px 700px at 15% -10%, rgba(107,53,217,0.08) 0%, transparent 55%), #f7f4ff;
  --bg3: #f0ebfd;
  --bg4: #e4dcfa;
  --bgH: #ebe4fc;
  --bd: rgba(42,17,98,0.12);
  --bdH: rgba(42,17,98,0.2);
  --t1: #1c0d47;
  --t2: #2c1d5c;
  --t3: #4a3f73;
  --t4: #675d8c;
  --ac: #6B35D9;
  --acH: #5A26C7;
  --acT: #5321C0;
  --acS: rgba(107,53,217,0.12);
  --btn-bg: rgba(107,53,217,0.10);
  --btn-bg-h: rgba(107,53,217,0.17);
  --btn-bg-a: rgba(107,53,217,0.08);
  --btn-bd: rgba(107,53,217,0.35);
  --btn-fg: #4E1FB3;
  --pr: #6B35D9;
  --prS: rgba(107,53,217,0.12);
  --blS: rgba(107,53,217,0.10);
  --shadow-card: 0 1px 2px rgba(42,17,98,0.05), 0 8px 24px rgba(42,17,98,0.08);
}

html[data-theme="dark"] {
  --bg0: #0d0820;
  --bg-grad: radial-gradient(1100px 700px at 15% -10%, rgba(139,92,246,0.10) 0%, transparent 55%), #0d0820;
  --bg1: #130d2a;
  --bg2: #191134;
  --bg3: #21183f;
  --bg4: #2d2252;
  --bgH: #352960;
  --card-bg: rgba(25, 17, 52, 0.6);
  --ac: #9D74FF;
  --acH: #B597FF;
  --acT: #B597FF;
  --acS: rgba(157,116,255,0.16);
  --btn-bg: rgba(157,116,255,0.14);
  --btn-bg-h: rgba(157,116,255,0.22);
  --btn-bg-a: rgba(157,116,255,0.10);
  --btn-bd: rgba(157,116,255,0.38);
  --btn-fg: #C9B2FF;
  --pr: #9D74FF;
  --prS: rgba(157,116,255,0.16);
  --blS: rgba(157,116,255,0.16);
}

/* The sign-in panel: ink indigo with lime, as the dark slide of the deck */
html .cabinet-login {
  --brand-accent: #FF8A3D;
  --ink: #2A1162;
  --paper: #F7F4FF;
  --teal: #C8F43C;
  --line-on-dark: rgba(247,244,255,0.16);
  --line-on-dark-soft: rgba(247,244,255,0.05);
}
html .cabinet-login-brand {
  background-image:
    radial-gradient(640px 420px at 0% 100%, rgba(139,92,246,0.35), transparent 65%),
    linear-gradient(var(--line-on-dark-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-on-dark-soft) 1px, transparent 1px);
}