/* Kadans AI huisstijl voor AppFlowy: oranje, hoekig en strak. Geladen na de standaard stylesheet. */
:root,
:root[data-dark-mode=false],
:root[data-dark-mode=true] {
  --kadans-orange: #ff5a1f;
  --kadans-orange-dark: #e0430a;
  --kadans-orange-light: #ff8a5c;

  --fill-default: #ff5a1f;
  --fill-hover: #ff8a5c;
  --content-on-fill-hover: #ff5a1f;
  --fill-theme-thick: #ff5a1f;
  --fill-theme-thick-hover: #e0430a;
  --border-theme-thick: #ff5a1f;
  --border-theme-thick-hover: #e0430a;
  --brand-skyline: #ff5a1f;
  --brand-aqua: #ff8a5c;
  --content-blue-50: #fff4ee;
  --content-blue-100: #ffe3d6;
  --content-blue-300: #ffa27f;
  --content-blue-400: #ff7a47;
  --content-blue-600: #e0430a;
  --content-blue-700: #b83708;
  --content-blue-800: #8a2a06;
  --content-blue-900: #5c1c04;
}
:root[data-dark-mode=false] {
  --fill-theme-select: rgba(255, 90, 31, 0.10);
  --text-action: #e0430a;
  --text-action-hover: #b83708;
  --fill-hover: #ff8a5c;
}
:root[data-dark-mode=true] {
  --fill-theme-select: rgba(255, 90, 31, 0.18);
  --text-action: #ff7a47;
  --text-action-hover: #ffa27f;
  --fill-hover: #7a2a10;
}

/* Hoekig en strak: kleine radius op knoppen, velden, menu's en dialogen */
button, input, textarea, select, [role="button"], [role="menu"], [role="dialog"],
.MuiButton-root, .MuiPaper-root, .MuiDialog-paper, .MuiMenu-paper, .MuiPopover-paper,
.MuiOutlinedInput-root, .MuiInputBase-root {
  border-radius: 2px !important;
}
::selection { background: rgba(255, 90, 31, 0.25); }

/* Loginpagina: eigen logo, geen AppFlowy-links, geen registratie (alleen op uitnodiging) */
svg:has(> path[fill="#FFCE00"][fill-rule]), svg:has(> path[fill="#FFCE00"]) { display: none !important; }
div.text-xl.font-semibold:has(+ div) { text-align: center; }
div.text-xl.font-semibold::before {
  content: ""; display: block; width: 44px; height: 44px; margin: 0 auto 14px;
  background: url("/kadans/favicon.svg") center / contain no-repeat;
}
div:has(> [data-testid="login-create-account-button"]) { display: none !important; }
div:has(> a[href*="appflowy.com"]) { display: none !important; }
div.flex:has(> div[data-slot="separator-root"] + div.cursor-pointer) { display: none !important; }