/* Elada look for the internal admin panel (admin.elada.ai, also admin.contexthint.si). Loaded after styles.css and
   pages/admin.css, so these tokens win. Colours and fonts from the Elada brand (elada.ai home.css: stone / abyss surfaces,
   ink text, depth teal, foam). Owner, 10 Nov 2026: "yeh poora interface ko elada banao uske colors use karo context hint
   hatao". Only colours, fonts, the logo and the name change; layout and behaviour are the admin's own. */
@font-face{font-family:"Rethink Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/rethink-sans-latin.woff2) format("woff2")}

:root{
  --font-heading:"Rethink Sans","Helvetica Neue",Arial,sans-serif;
  --font-body:"Rethink Sans","Helvetica Neue",Arial,sans-serif;
  --bg:#eceae5;--surface:#f7f6f3;--surface-1:#f7f6f3;--surface-2:#e4e1db;--overlay:#f7f6f3;
  --border:rgba(6,18,36,.10);--border-strong:rgba(6,18,36,.18);--border-lit:rgba(255,255,255,.7);
  --text:#061224;--text-muted:#4f5866;--text-faint:#5b6470;--text-faintest:#8a919b;--text-placeholder:#6f7682;
  --accent:#367e84;--accent-hover:#2a6469;--accent-press:#225357;--accent-soft:rgba(54,126,132,.10);--accent-fg:#fff;
  --peach:#def6f6;--accent-text:#2a6469;
  --primary-bg:#367e84;--primary-fg:#fff;--primary-border:#367e84;--primary-hover:#2a6469;--primary-press:#225357;
  --shadow-card:0 1px 2px -1px rgba(6,18,36,.08),0 4px 12px -2px rgba(6,18,36,.05);
  --shadow-lift:0 2px 6px -2px rgba(6,18,36,.10),0 12px 24px -6px rgba(6,18,36,.10);
  --shadow-overlay:0 8px 24px -8px rgba(6,18,36,.18),0 20px 48px -12px rgba(6,18,36,.16);
  --shadow-inset:inset 0 1px 2px 0 rgba(6,18,36,.06);
  --card-shadow:0 2px 3px -2px rgba(6,18,36,.07);
}
:root[data-theme=dark]{
  --bg:#061224;--surface:#0e1d31;--surface-1:#0e1d31;--surface-2:#132439;--overlay:#0e1d31;
  --border:rgba(236,238,234,.10);--border-strong:rgba(236,238,234,.18);--border-lit:rgba(255,255,255,.04);
  --text:#eceeea;--text-muted:#a3acb8;--text-faint:#8f99a6;--text-faintest:#6b7582;--text-placeholder:#7a8491;
  --accent:#5fb0b6;--accent-hover:#7cc6cb;--accent-press:#4a9aa0;--accent-fg:#061224;--accent-soft:rgba(95,176,182,.12);
  --peach:#0f2a2e;--accent-text:#7cc6cb;
  --primary-bg:#5fb0b6;--primary-fg:#061224;--primary-border:#5fb0b6;--primary-hover:#7cc6cb;--primary-press:#4a9aa0;
  --shadow-card:0 1px 2px #0003;--shadow-lift:0 8px 24px #0004;--shadow-inset:inset 0 1px 2px #0003;
  --shadow-overlay:0 4px 10px -4px rgba(0,0,0,.45),0 20px 48px -12px rgba(0,0,0,.6);
}

/* the activity heat cells (styles.css had the old orange here, not a token) */
.adm-cc.s1{background:rgba(54,126,132,.06)}.adm-cc.s2{background:rgba(54,126,132,.12)}
.adm-cc.s3{background:rgba(54,126,132,.20)}.adm-cc.s4{background:rgba(54,126,132,.30)}
:root[data-theme=dark] .adm-cc.s1{background:rgba(95,176,182,.08)}:root[data-theme=dark] .adm-cc.s2{background:rgba(95,176,182,.15)}
:root[data-theme=dark] .adm-cc.s3{background:rgba(95,176,182,.24)}:root[data-theme=dark] .adm-cc.s4{background:rgba(95,176,182,.34)}

/* Elada logo (one sprite in the page, drawn with <use>, as on elada.ai): ink parts follow the text colour, the inner ring
   and the bar under "ad" are teal */
.ela-sprite{position:absolute;width:0;height:0;overflow:hidden}
.l-ink{fill:var(--text)}.l-depth{fill:var(--accent)}
.login-brand .ela-word{height:26px;width:auto;display:block}
.login-brand .ela-sep{width:1px;height:18px;background:var(--border-strong)}
.side-brand .mark{width:28px;height:28px}