/* 画面の基本色を穏やかな紫に統一し、印刷用の書式は変更しない。 */
@media screen {
  :root {
    --text: #30283d;
    --text-2: #51465f;
    --muted: #70677b;
    --line: #e8e1ee;
    --line-strong: #d2c6dd;
    --bg: #f8f6fb;
    --surface: #fff;
    --surface-2: #f8f5fb;
    --accent: #654393;
    --accent-hover: #4d3077;
    --accent-soft: #f1eaf8;
    --neutral-soft: #f2eef5;
  }
  .sidebar { background: #302641; color: #f3edf8; scrollbar-color: #786986 transparent; }
  .sidebar .brand-name, .sidebar .who-name { color: #faf7fc; }
  .sidebar .brand-company, .sidebar .view-person > span, .sidebar .view-switcher .muted,
  .sidebar .who-department, .sidebar button.icon-button { color: #d3c7df; }
  .brand-mark { border-color: #776487; background: #493857; color: #eee0f8; }
  .sidebar .view-switcher { border-color: #5b4a6a; background: #40324f; }
  .sidebar .view-switcher-label, .sidebar .nav-title { color: #cbbbd7; }
  .sidebar .view-switcher-tabs button, .sidebar nav button { color: #eee6f4; }
  .sidebar nav button .icon { color: #d3c2df; }
  .sidebar nav button:hover, .sidebar button.icon-button:hover { background: #4b395c; color: #fff; }
  .sidebar .view-switcher-tabs button.selected, .sidebar nav button.current { background: #f2eaf8; color: #4e326d; }
  .sidebar nav button.current .icon { color: #735094; }
  .sidebar .who { border-color: #5b4a6a; }
  .sidebar .role { color: #eee2f5; background: #59446b; }
  button:focus-visible, a:focus-visible { outline-color: #a58bc0; }
  input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px #7d5ca329; }

  .login-page { background: radial-gradient(ellipse at 50% 100%, #9b7db9 0%, #70518f 48%, #49345f 100%); }
  .login-site-header a, .login-title { color: #4d365f; }
  .login-intro-kicker, .login-intro h1 span, .public-landing .login-intro h1 span { color: #eee0fa; }
  .login-intro > p:last-child, .public-landing .login-intro > p { color: #f7f1fa; }
  .public-landing .login-intro .public-privacy-note { color: #eee3f4; }
  .login-brand-icon { color: #684394; background: #f1eaf8; }
  .login-panel .login input[type="email"], .login-page--admin .login .field input { border-color: #d3c5df; }
  .login-panel .login input[type="email"]:focus-visible, .login-page--admin .login .field input:focus-visible { outline-color: #d5c0e6; border-color: #8968a9; }
  .login-panel .login button.primary, .login-page--admin .login button.primary { border-color: #654393; background: #654393; }
  .login-panel .login button.primary:hover:not(:disabled), .login-page--admin .login button.primary:hover:not(:disabled) { border-color: #4d3077; background: #4d3077; }
  .login-page--admin { background: #f8f6fb; }
  .login-page--admin .login-site-header { background: #392b4b; }
  .login-page--admin .login, .login-page:not(.login-page--admin) .login { border-color: #e8e0ee; box-shadow: 0 18px 50px #49305d18; }
  .admin-code-heading h1, .admin-code-card-heading h2 { color: #38294a; }
  .admin-code-heading p, .admin-code-card-heading p, .admin-code-card-footer { color: #71647e; }
  .login-page--admin .login .field > span { color: #51405f; }
  .admin-code-card-footer { background: #faf7fc; border-color: #ece4f1; }

  .admin-dashboard { background: #f8f6fb; color: #30283d; }
  .admin-header { border-color: #e9e1ef; }
  .admin-header a, .admin-title h1, .admin-list h2 { color: #4d365f; }
  .admin-header button, .admin-title button { color: #62407e; border-color: #d5c8df; }
  .admin-header button:hover, .admin-title button:hover { background: #f5eff9; }
  .admin-eyebrow { color: #7d6095; }
  .admin-title p, .admin-list-head p, .admin-stats span, .admin-footnote { color: #706279; }
  .admin-stats > div, .admin-list { border-color: #e8e0ed; }
  .admin-stats .icon, .admin-brand span { color: #684394; background: #f1eaf8; }
  .admin-list th { color: #685376; background: #f7f2fa; }
  .admin-list th, .admin-list td { border-color: #eee8f1; }
  .admin-list td:first-child span { color: #7b6d84; }

  .organization-welcome { background: linear-gradient(125deg, #443052, #795a95); }
  .organization-kicker { color: #eadcf3; }
  .organization-welcome > p:not(.organization-kicker) { color: #f8f1fc; }
  .organization-primary { color: #583b72; }
  .organization-card, .organization-secondary, .growth-panel, .growth-record { border-color: #e9e0ee; }
  .organization-card { color: #44354f; }
  .organization-card:hover { border-color: #b89ecb; color: #5b3979; }
  .organization-card small, .organization-secondary p, .growth-empty { color: #71647a; }
  .organization-card > span:last-child, .organization-icon { color: #775397; }
  .organization-icon { background: #f2ebf7; }
  .growth-privacy, .growth-ai-answer { background: #f5eff9; color: #584467; }
  .workspace-directory-link { border-color: #e8dfee; }
  .workspace-directory-link:hover { border-color: #b89ecb; background: #f8f3fb; }
  .workspace-directory-link > .workspace-icon,
  .workspace-directory-link > .workspace-icon[data-workspace] { color: #684394; background: #f1eaf8; }
}

@media screen { .public-header-logo, .admin-header-logo { content: url("/assets/hataraku-base-logo-purple-9568e4c70f2d104d.png"); } }